@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-light: #334155;--color-primary: #fbbf24;--color-primary-hover: #f59e0b;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .1);--color-success: #22c55e;--font-main: "Inter", sans-serif;--radius-md: 16px;--radius-lg: 24px;--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5)}[data-theme=light]{--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-light: #e2e8f0;--color-primary: #f59e0b;--color-primary-hover: #d97706;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: rgba(0, 0, 0, .1);--color-success: #16a34a;--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .15);--nav-bg: rgba(255, 255, 255, .95)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--color-text)!important}[data-theme=light] p{color:var(--color-text-muted)!important}[data-theme=light] .card span,[data-theme=light] .card label{color:var(--color-text)}[data-theme=light] .icon-btn{background:var(--color-surface-light)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important}[data-theme=light] .card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .card:hover{background:#f8fafc;border-color:#00000026}[data-theme=light] .login-input,[data-theme=light] .input-group input,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=tel],[data-theme=light] input[type=password]{background:#f8fafc;border-color:#00000026;color:#0f172a}[data-theme=light] .login-input:focus,[data-theme=light] .input-group input:focus,[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] input[type=tel]:focus,[data-theme=light] input[type=password]:focus{background:#fff}[data-theme=light] .login-input::placeholder,[data-theme=light] .input-group input::placeholder{color:#00000059}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-user-select:none;user-select:none}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{margin:0 0 .5em;font-weight:700;letter-spacing:-.02em}p{color:var(--color-text-muted);line-height:1.6}.container{padding:20px;max-width:600px;margin:0 auto;width:100%}.btn{background:var(--color-primary);color:#0f172a;border:none;padding:16px 32px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;box-shadow:0 4px 12px #fbbf244d}.btn:active{transform:scale(.96)}.btn:disabled{background:var(--color-surface-light);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;opacity:.7;transform:none}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%}.card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;transition:all .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:16px;box-shadow:0 4px 6px -1px #0000001a}.card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.login-input,.input-group input,input[type=text],input[type=email],input[type=tel],input[type=password]{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--color-text);font-size:.95rem;font-family:var(--font-main);transition:all .2s ease}.login-input:focus,.input-group input:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus{outline:none;background:#ffffff14;border-color:var(--color-primary);box-shadow:0 0 0 3px #fbbf241a}.login-input::placeholder,.input-group input::placeholder{color:#fff6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}