@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface-2:#1a1a2e;--surface-3:#242438;--border:#ffffff0f;--border-hover:#ffffff1f;--primary:#6366f1;--primary-glow:#6366f140;--primary-soft:#6366f11a;--success:#22c55e;--success-glow:#22c55e33;--danger:#ef4444;--danger-glow:#ef444433;--warning:#f59e0b;--warning-glow:#f59e0b33;--text:#f1f5f9;--text-2:#94a3b8;--text-3:#64748b;--radius:14px;--radius-sm:8px;--radius-lg:20px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-h:60px;--nav-h:72px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.splash{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;animation:.6s ease-out fadeUp}.splash-icon{margin-bottom:16px}.splash-icon svg{filter:drop-shadow(0 0 20px var(--primary-glow))}.splash-title{background:linear-gradient(135deg, var(--primary), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:800}.splash-subtitle{color:var(--text-3);margin-top:4px;font-size:13px}.splash-loader{background:var(--surface-2);border-radius:4px;width:120px;height:3px;margin:24px auto 0;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--primary), #a78bfa);border-radius:4px;width:40%;height:100%;animation:1s ease-in-out infinite loading}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{height:var(--header-h);padding:0 16px;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);z-index:100;background:#0a0a0fd9;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{align-items:center;gap:8px;display:flex}.header-title{font-size:18px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.btn-icon{width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-back{display:none}.user-badge{background:var(--surface-2);border-radius:50px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;font-weight:600;overflow:hidden}.dropdown-menu{z-index:200;position:fixed;inset:0}.dropdown-backdrop{position:absolute;inset:0}.dropdown-content{top:calc(var(--header-h) + var(--safe-top) + 4px);background:var(--surface-2);border:1px solid var(--border-hover);border-radius:var(--radius);min-width:180px;padding:6px;animation:.15s ease-out scaleIn;position:absolute;right:12px;box-shadow:0 20px 40px #00000080}.dropdown-item{width:100%;color:var(--text);font-size:14px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--surface-3)}.dropdown-item--danger{color:var(--danger)}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.main-content{padding:20px 16px calc(var(--nav-h) + var(--safe-bottom) + 16px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.main-content::-webkit-scrollbar{width:0}.bottom-nav{height:var(--nav-h);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--border);background:#0a0a0fe6;flex-shrink:0;display:flex}.nav-item{color:var(--text-3);font-size:11px;font-family:var(--font);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:24px;height:2px;position:absolute;top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:20px;transition:all .25s}.card:hover{border-color:var(--border-hover)}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a2e99,#12121acc)}.account-card{position:relative;overflow:hidden}.account-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.account-card--available:before{background:var(--success);box-shadow:0 0 20px var(--success-glow)}.account-card--in-use:before{background:var(--danger);box-shadow:0 0 20px var(--danger-glow)}.account-card--queued:before{background:var(--warning);box-shadow:0 0 20px var(--warning-glow)}.account-card--my-session:before{background:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.account-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.account-info{align-items:center;gap:12px;display:flex}.account-icon{background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.account-name{font-size:17px;font-weight:700}.account-desc{color:var(--text-3);margin-top:2px;font-size:12px}.status-badge{border-radius:50px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge--available{color:var(--success);background:#22c55e1a}.status-badge--in-use{color:var(--danger);background:#ef44441a}.status-badge--queued{color:var(--warning);background:#f59e0b1a}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot--available{background:var(--success);animation:2s infinite pulse}.status-dot--in-use{background:var(--danger);animation:2s infinite pulse}.status-dot--queued{background:var(--warning)}.session-info{background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.session-user{align-items:center;gap:10px;margin-bottom:8px;display:flex}.session-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.session-username{font-size:14px;font-weight:600}.session-task{color:var(--text-3);font-size:12px}.session-timer{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:flex}.session-timer svg{color:var(--danger)}.queue-info{color:var(--text-2);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.queue-avatars{display:flex}.queue-avatars>*{color:#fff;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:10px;font-weight:700;display:flex}.queue-avatars>:first-child{margin-left:0}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 24px var(--primary-glow)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 16px var(--success-glow)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 16px var(--danger-glow)}.btn-warning{background:var(--warning);color:#1a1a2e;box-shadow:0 4px 16px var(--warning-glow)}.btn-outline{color:var(--text);border:1px solid var(--border-hover);background:0 0}.btn-outline:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-row{gap:8px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder{color:var(--text-3)}.form-textarea{resize:vertical;min-height:80px}.modal-overlay{z-index:500;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;transition:opacity .2s;position:absolute;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:85dvh;padding:24px;animation:.25s ease-out slideUp;position:relative;overflow-y:auto}.modal-handle{background:var(--surface-3);border-radius:4px;width:36px;height:4px;margin:0 auto 20px}.modal-title{margin-bottom:16px;font-size:20px;font-weight:700}.toast-container{top:calc(var(--header-h) + var(--safe-top) + 8px);z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:16px;right:16px}.toast{border-radius:var(--radius-sm);pointer-events:auto;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;animation:.3s ease-out slideDown;display:flex;box-shadow:0 8px 24px #0006}.toast--success{background:var(--success);color:#fff}.toast--error{background:var(--danger);color:#fff}.toast--info{background:var(--primary);color:#fff}.toast.removing{animation:.3s ease-in forwards slideUp-out}.login-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 40px);padding:20px;display:flex}.login-logo{margin-bottom:32px}.login-logo svg{filter:drop-shadow(0 0 30px var(--primary-glow))}.login-title{background:linear-gradient(135deg, var(--primary), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-3);margin-bottom:36px;font-size:14px}.login-form{text-align:left;width:100%;max-width:360px}.history-item{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.history-item:last-child{border-bottom:none}.history-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.history-details{flex:1;min-width:0}.history-name{font-size:14px;font-weight:600}.history-account{color:var(--text-2);font-size:12px}.history-time{color:var(--text-3);margin-top:4px;font-size:11px}.history-duration{color:var(--primary);font-size:12px;font-weight:600}.admin-section{margin-bottom:24px}.admin-section-title{margin-bottom:12px;font-size:16px;font-weight:700}.admin-item{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.admin-item-info{align-items:center;gap:10px;display:flex}.admin-actions{gap:6px;display:flex}.empty-state{text-align:center;padding:48px 20px}.empty-state svg{color:var(--text-3);opacity:.4;margin-bottom:16px}.empty-state h3{margin-bottom:8px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-3);font-size:13px}.page-section-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.page-greeting{margin-bottom:24px}.page-greeting h2{font-size:22px;font-weight:800}.page-greeting p{color:var(--text-3);margin-top:4px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUp-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.animate-in{animation:.4s ease-out both fadeUp}@media (width>=600px){.main-content{max-width:560px;padding:24px;padding-bottom:calc(var(--nav-h) + 24px);margin:0 auto}.modal-content{border-radius:var(--radius-lg);margin-bottom:24px}.modal-overlay{align-items:center}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}