@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 20% 20%,#6366f126,#0000 40%),radial-gradient(circle at 80% 0,#8b5cf61f,#0000 35%),radial-gradient(circle at 50% 100%,#3b82f61a,#0000 40%),#05050a;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.auth-form,.account-page{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f0f1abf;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:36px 32px;animation:.4s cubic-bezier(.23,1,.32,1) cardAppear;display:flex;box-shadow:0 25px 60px -12px #4c1d9566,0 0 0 1px #ffffff08}@keyframes cardAppear{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-form h1,.account-page h1{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:22px;font-weight:600}.auth-form input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}.auth-form input::placeholder{color:#ffffff59}.auth-form input:focus{background:#818cf814;border-color:#818cf8;outline:none}.auth-form button,.account-page button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 20px -6px #6366f199}.auth-form button:hover:not(:disabled),.account-page button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -6px #8b5cf6b3}.auth-form button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-form button[type=button]{box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1a}.auth-form a{color:#a5b4fc;font-size:13px;text-decoration:none}.auth-form a:hover{text-decoration:underline}.auth-form p,.account-page p{color:#fff9;margin:0;font-size:13px}.error{font-size:13px;color:#f87171!important}.info{font-size:13px;color:#93c5fd!important}.account-page strong{color:#c4b5fd}.otp-input{text-align:center;letter-spacing:12px;padding:14px 0 14px 12px;font-family:Courier New,monospace;font-size:26px;font-weight:600}.otp-input::placeholder{letter-spacing:12px;color:#ffffff26}.account-page h2{color:#c4b5fd;margin:0;font-size:15px;font-weight:600}.divider{background:#ffffff14;height:1px;margin:4px 0}.section-form{flex-direction:column;gap:10px;display:flex}.setup-steps{color:#ffffffb3;margin:0;padding-left:18px;font-size:13px}.setup-steps li{margin-bottom:4px}.qr-code{background:#fff;border-radius:12px;align-self:center;padding:8px}.manual-key summary{cursor:pointer;color:#a5b4fc;font-size:13px}.key-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:flex}.key-row code{letter-spacing:1px;word-break:break-all;color:#fff;flex:1;font-family:Courier New,monospace;font-size:13px}.copy-btn{white-space:nowrap;box-shadow:none!important;background:#818cf833!important;padding:6px 10px!important;font-size:12px!important}.hint{color:#fff6;margin-top:6px;font-size:11px}.secondary-btn{border:1px solid #ffffff1a;box-shadow:none!important;background:#ffffff0f!important}.sessions-list{flex-direction:column;gap:6px;display:flex}.session-row{background:#ffffff08;border-radius:8px;flex-direction:column;padding:8px 10px;font-size:12px;display:flex}.session-ua{color:#ffffff80;margin-top:2px}.dashboard{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f0f1abf;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:840px;min-height:520px;display:flex;overflow:hidden;box-shadow:0 25px 60px -12px #4c1d9566}.sidebar{background:#ffffff05;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:20px;width:220px;padding:20px 14px;display:flex}.profile-chip{align-items:center;gap:10px;padding:6px;display:flex}.avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.profile-name{font-size:13px;font-weight:600}.profile-email{color:#fff6;font-size:11px}.tab-list{flex-direction:column;flex:1;gap:4px;display:flex}.tab-list button{text-align:left;color:#fff9;cursor:pointer;background:0 0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.tab-list button:hover{color:#fff;background:#ffffff0d}.tab-list button.active{color:#a5b4fc;background:#6366f126}.logout-btn{border-radius:8px;padding:9px 12px;font-size:13px;color:#f87171!important;box-shadow:none!important;background:#f871711a!important}.dashboard-content{flex:1;max-height:620px;padding:28px 32px;overflow-y:auto}.tab-panel h1{margin:0 0 16px;font-size:18px}.card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:18px}.card h2{color:#c4b5fd;margin:0 0 10px;font-size:13px}.secondary-btn.small{padding:5px 10px!important;font-size:11px!important}@media (width<=680px){body{align-items:flex-start;padding:12px}.dashboard{border-radius:16px;flex-direction:column;max-width:100%;min-height:0}.sidebar{border-bottom:1px solid #ffffff0f;border-right:none;flex-flow:wrap;align-items:center;gap:10px;width:100%;padding:14px 16px}.profile-chip{order:1;padding:0}.logout-btn{order:2;margin-left:auto}.tab-list{-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff0f;flex-direction:row;flex:100%;order:3;margin-top:4px;padding-top:10px;overflow-x:auto}.tab-list button{white-space:nowrap;flex-shrink:0}.dashboard-content{max-height:none;padding:20px 18px;overflow-y:visible}.otp-input{letter-spacing:8px;font-size:22px}}