@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{z-index:9999;background:radial-gradient(70% 60% at 50% 45%,#ffffff06 0%,#0000 100%),#1a1a1a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg-blob{filter:blur(100px);opacity:.06;pointer-events:none;border-radius:50%;position:absolute}.login-bg-blob-1{background:#fff;width:500px;height:500px;top:-15%;left:-10%}.login-bg-blob-2{background:#fff;width:360px;height:360px;bottom:-12%;right:-8%}.login-bg-blob-3{display:none}.login-card{-webkit-backdrop-filter:blur(32px)saturate(1.4);background:#1e1e20e0;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:center;gap:0;width:380px;padding:36px 30px 28px;display:flex;box-shadow:0 32px 80px #0009,0 2px 4px #0006,inset 0 1px #ffffff14}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.app-icon-large{background:var(--accent);border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;display:flex;box-shadow:0 2px 12px #0006}.login-header h2{color:#f5f5f7;letter-spacing:-.3px;font-size:20px;font-weight:600}.login-header .subtitle{color:#ffffff61;margin-top:3px;font-size:12.5px}.login-error-box{color:#ff6961;background:#ff3b301a;border:1px solid #ff3b3038;border-radius:9px;align-items:center;gap:7px;width:100%;margin-bottom:12px;padding:9px 13px;font-size:12.5px;font-weight:500;display:flex}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}.form-group label{color:#ffffff73;letter-spacing:.02em;font-size:12px;font-weight:500}.login-selection-flow,.users-select-container{width:100%}.section-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff4d;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.users-list-menu{flex-direction:column;gap:4px;width:100%;max-height:220px;margin-bottom:12px;display:flex;overflow-y:auto}.user-menu-item{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:11px;width:100%;padding:9px 12px;transition:background .14s,border-color .14s;display:flex}.user-menu-item:hover{background:#ffffff14;border-color:#ffffff1f}.user-avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-avatar-fallback{color:#ffffffb3;background:#ffffff1f;justify-content:center;align-items:center;font-weight:600;display:flex}.user-name-text{color:#f5f5f7;font-size:14px;font-weight:500}.no-accounts-msg{text-align:center;color:#ffffff4d;padding:20px 0;font-size:13px}.passcode-entry-flow{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.selected-user-header{flex-direction:column;align-items:center;gap:7px;margin-bottom:4px;display:flex}.user-avatar-lg-wrap{width:70px;height:70px;position:relative}.user-avatar-lg-wrap:before{content:"";z-index:0;border:1.5px solid #ffffff38;border-radius:50%;position:absolute;inset:-2px}.user-avatar-lg{object-fit:cover;z-index:1;border:2px solid #0006;border-radius:50%;width:70px;height:70px;position:relative}.user-avatar-lg.user-avatar-fallback{color:#fffc;z-index:1;background:#ffffff1a;border:2px solid #ffffff1a;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex;position:relative}.selected-user-name{color:#f5f5f7;letter-spacing:-.2px;font-size:16px;font-weight:600}.change-account-btn{color:var(--accent);cursor:pointer;opacity:.85;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:12px;font-weight:500;transition:opacity .14s}.change-account-btn:hover{opacity:1}.passcode-input-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.mac-passcode-input{text-align:center;letter-spacing:12px;text-indent:12px;color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;width:200px;padding:10px 0;font-size:20px;font-weight:700;transition:border-color .14s,box-shadow .14s,background-color .14s;display:block}.mac-passcode-input:focus{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #0a84ff40}.confirm-btn-wrap{opacity:0;width:100%;max-height:0;transition:max-height .28s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(6px)}.confirm-btn-wrap.visible{opacity:1;max-height:56px;transform:translateY(0)}.btn-confirm-login{cursor:pointer;color:#fff;background:var(--accent);border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .14s,opacity .14s,transform .12s;display:flex;box-shadow:0 1px 3px #0000004d}.btn-confirm-login:hover:not(:disabled){background:var(--accent-hover)}.btn-confirm-login:active:not(:disabled){opacity:.9;transform:scale(.99)}.btn-confirm-login:disabled{opacity:.45;cursor:default}.confirm-label,.confirm-loading{align-items:center;gap:7px;display:flex}.spinner-sm{border:1.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}.avatar-presets-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-preset-btn{aspect-ratio:1;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:50%;padding:0;transition:border-color .14s,transform .14s;overflow:hidden}.avatar-preset-btn img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-preset-btn:hover{border-color:#ffffff4d;transform:scale(1.06)}.avatar-preset-btn.selected{border-color:var(--accent)}.text-center{text-align:center}.font-monospace{letter-spacing:3px;font-family:ui-monospace,monospace}.w-full{width:100%}.mt-4{margin-top:16px}.justify-center{justify-content:center}