:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{color:#e6e8eb;background:#0b0d10}a{color:inherit}button{font:inherit;cursor:pointer}.of-login-page{background:radial-gradient(1200px 600px at 50% -10%,#3b82f61f,#0000 60%),radial-gradient(800px 400px at 50% 110%,#10b98114,#0000 60%),#0b0d10;place-items:center;min-height:100vh;padding:24px;display:grid}.of-login-card{background:linear-gradient(#14181eeb,#0f1216eb);border:1px solid #1f2937;border-radius:14px;width:100%;max-width:400px;padding:32px 28px;box-shadow:inset 0 1px #ffffff0a,0 20px 60px #00000080}.of-login-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.of-login-mark{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:9px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid;box-shadow:0 6px 18px #3b82f659}.of-login-brand-text{flex-direction:column;line-height:1.15;display:flex}.of-login-brand-name{color:#e6e8eb;font-size:15px;font-weight:700}.of-login-brand-sub{color:#94a3b8;font-size:12px}.of-login-title{letter-spacing:-.01em;color:#f1f5f9;margin:0 0 6px;font-size:22px;font-weight:700}.of-login-subtitle{color:#94a3b8;margin:0 0 22px;font-size:14px}.of-login-notice{color:#fde68a;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;gap:10px;margin-bottom:20px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.of-login-notice-icon{color:#f59e0b;flex:0 0 16px;margin-top:1px}.of-login-form{flex-direction:column;gap:14px;display:flex}.of-login-label{color:#cbd5e1;flex-direction:column;gap:6px;font-size:12.5px;font-weight:500;display:flex}.of-login-input{appearance:none;color:#e6e8eb;background:#0f1318;border:1px solid #2a3340;border-radius:8px;width:100%;padding:11px 13px;font-size:15px;transition:border-color .12s,box-shadow .12s,background .12s}.of-login-input::placeholder{color:#4b5563}.of-login-input:hover{border-color:#374151}.of-login-input:focus{background:#0c1117;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f640}.of-login-input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef44442e}.of-login-button{color:#fff;letter-spacing:.01em;background:linear-gradient(#3b82f6,#2563eb);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:15px;font-weight:600;transition:transform 80ms,filter .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px 14px #2563eb59}.of-login-button:hover:not(:disabled){filter:brightness(1.06)}.of-login-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 8px #2563eb4d}.of-login-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.of-login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite of-login-spin}@keyframes of-login-spin{to{transform:rotate(360deg)}}.of-login-error{color:#fca5a5;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;margin-top:4px;padding:9px 12px;font-size:13px}.of-login-footer{color:#64748b;text-align:center;border-top:1px solid #1f2937;margin-top:22px;padding-top:16px;font-size:11.5px;line-height:1.5}.of-layout{flex-direction:column;min-width:0;min-height:100vh;display:flex}.of-main-col{flex-direction:column;width:100%;min-width:0;display:flex}.of-topbar{z-index:50;-webkit-backdrop-filter:blur(8px);background:#0f1216eb;border-bottom:1px solid #1f2937;align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex;position:sticky;top:0}.of-hamburger{color:#e5e7eb;background:#1f293799;border:1px solid #1f2937;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.of-main{width:100%;min-width:0;max-width:100%;padding:16px}.of-layout{--of-topbar-h:59px}.of-sidebar{top:var(--of-topbar-h);z-index:40;background:#0f1216;border-right:1px solid #1f2937;flex-direction:column;gap:14px;width:82vw;max-width:320px;padding:20px 14px;transition:transform .2s;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:4px 0 24px #0009}.of-sidebar[data-open=true]{transform:translate(0)}.of-backdrop{top:var(--of-topbar-h);z-index:35;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;position:fixed;bottom:0;left:0;right:0}.of-backdrop[data-open=true]{opacity:1;pointer-events:auto}.of-sidebar-title{letter-spacing:.5px;padding:0 6px;font-size:18px;font-weight:700}.of-sidebar-section{flex-direction:column;gap:4px;display:flex}.of-sidebar-section-title{text-transform:uppercase;letter-spacing:.6px;opacity:.5;padding:0 8px;font-size:11px}.of-sidebar-link{color:#cbd5e1;border-left:2px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px;font-size:14px;text-decoration:none;display:flex}.of-sidebar-link[data-active=true]{color:#fff;background:#3b82f640;border-left-color:#3b82f6}.of-sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.of-sidebar-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.of-sidebar-link-meta{opacity:.55;flex:none;font-size:11px}.of-page-header{display:none}@media (min-width:768px){.of-layout{grid-template-columns:minmax(220px,260px) 1fr;display:grid}.of-page-header{margin-bottom:20px;display:block}.of-hamburger{display:none}.of-sidebar{z-index:auto;width:auto;max-width:none;box-shadow:none;padding:20px 16px;transition:none;position:relative;top:auto;bottom:auto;left:auto;overflow-y:visible;transform:none}.of-backdrop{display:none}.of-topbar{padding:16px 24px}.of-main{max-width:1000px;padding:24px}}