@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg:#f2f2f7;--surface:#fff;--surface-2:#f5f5f7;--surface-hover:#e8e8ed;--sidebar-bg:#f6f6fad9;--border:#00000014;--border-strong:#00000024;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#0071e31a;--accent-text:#fff;--danger:#ff3b30;--success:#34c759;--warning:#ff9f0a;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-width:240px;--titlebar-height:58px;--transition:.15s ease}@media (prefers-color-scheme:dark){:root{--bg:#1c1c1e;--surface:#2c2c2e;--surface-2:#3a3a3c;--surface-hover:#48484a;--sidebar-bg:#1c1c1ee6;--border:#ffffff14;--border-strong:#ffffff24;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-tertiary:#636366;--accent:#0a84ff;--accent-hover:#409cff;--accent-soft:#0a84ff26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 10px 40px #0006}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{color:var(--text-primary);background:var(--bg);height:100vh;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.55;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1{letter-spacing:-.5px;font-size:24px;font-weight:700}h2{letter-spacing:-.3px;font-size:20px;font-weight:600}h3{letter-spacing:-.2px;font-size:16px;font-weight:600}p{color:var(--text-secondary)}.app-shell{height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-body{flex:1;padding:32px 40px;overflow-y:auto}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;outline:none;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-.5px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:7px}.btn-icon:hover{background:var(--surface-2);color:var(--text-primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input{width:100%;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);outline:none;padding:10px 16px;font-family:inherit;font-size:15px}.input::placeholder{color:var(--text-tertiary)}.input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.badge{letter-spacing:.2px;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-green{color:var(--success);background:#34c7591f}.badge-orange{color:var(--warning);background:#ff9f0a1f}.divider{background:var(--border);height:1px;margin:16px 0}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opacity-60{opacity:.6}.empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.empty-state svg{opacity:.4}.empty-state h3{color:var(--text-secondary);font-size:15px}.empty-state p{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-screen-overlay{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{border-radius:var(--radius-xl);flex-direction:column;align-items:center;width:380px;padding:36px 32px;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.app-icon-large{background:var(--accent);width:64px;height:64px;box-shadow:0 4px 12px var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.login-header h2{color:var(--text-primary);font-size:24px;font-weight:700}.login-header .subtitle{color:var(--text-tertiary);margin-top:4px;font-size:13px}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.login-error-box{color:var(--danger);border-radius:var(--radius-md);background:#ff3b301a;border:1px solid #ff3b3033;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.users-select-container{width:100%}.section-label{text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.users-list-menu{flex-direction:column;gap:6px;width:100%;max-height:220px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.user-menu-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;transition:all var(--transition);align-items:center;gap:12px;padding:10px 12px;display:flex}.user-menu-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.user-avatar-sm{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-name-text{color:var(--text-primary);font-size:14.5px;font-weight:600}.no-accounts-msg{text-align:center;color:var(--text-tertiary);padding:20px 0;font-size:13.5px}.passcode-entry-flow{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.selected-user-header{flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.user-avatar-lg{color:#fff;width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.change-account-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.change-account-btn:hover{text-decoration:underline}.text-center{text-align:center}.font-monospace{letter-spacing:4px;font-family:Courier,monospace}.passcode-input{letter-spacing:8px;font-size:22px!important}.w-full{width:100%}.mt-4{margin-top:16px}