@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#ff5a5f;--primary-hover:#e0484d;--secondary:#00a699;--bg:#f7f7f7;--surface:#fff;--text-dark:#222;--text-light:#717171;--border:#ddd;--danger:#e31c5f;--success:#008a05;--warning:#ffb400;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 6px 16px #0000001f;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}.app-container{background-color:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}h1{margin-bottom:16px;font-size:24px;font-weight:700}h2{margin-bottom:12px;font-size:20px;font-weight:600}p{color:var(--text-light);font-size:15px;line-height:1.5}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:16px;padding:20px}button{cursor:pointer;border-radius:var(--radius-sm);border:none;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:all .2s}button.primary{background-color:var(--primary);color:#fff}button.primary:hover{background-color:var(--primary-hover)}button.secondary{color:var(--text-dark);border:1px solid var(--text-dark);background-color:#fff}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);width:100%;color:var(--text-dark);padding:14px;font-size:16px}input:focus,select:focus{outline:2px solid var(--text-dark)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:100;justify-content:space-around;width:100%;max-width:480px;padding:12px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000000d}.nav-item{color:var(--text-light);flex-direction:column;align-items:center;font-size:12px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{margin-bottom:4px}