:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#eef2ff;--text:#0f172a;--muted:#64748b;--border:#dbe4f0;--primary:#2563eb;--primary-strong:#1d4ed8;--success:#15803d;--danger:#dc2626;--shadow:0 18px 45px #0f172a14;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,#2563eb14,#0000 45%),linear-gradient(#fff 0%,#f5f7fb 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.page{width:min(1120px,100vw - 32px);margin:0 auto}.page--wide{width:min(1200px,100vw - 24px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel--soft{background:linear-gradient(#fff 0%,#fbfdff 100%)}.hero{padding:28px 28px 22px}.hero__top{align-items:center;gap:16px;display:flex}.brand-mark{border:1px solid var(--border);width:56px;height:56px;color:var(--primary);background:linear-gradient(#fff 0%,#eef4ff 100%);border-radius:18px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.hero__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700}.hero__title{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.hero__subtitle{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.6}.nav{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.nav-link,.nav-chip{border:1px solid var(--border);color:#334155;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.nav-link:hover,.nav-chip:hover{border-color:#b6c4dd;transform:translateY(-1px)}.nav-link--active,.nav-chip--active{color:#10264a;background:linear-gradient(#eff4ff 0%,#e7eefc 100%);border-color:#c7d7fb}.stack{gap:16px;display:grid}.stack--tight{gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card__body{padding:22px}.card__header{padding:22px 22px 0}.card__title{margin:0;font-size:22px;line-height:1.2}.card__subtitle{color:var(--muted);margin:6px 0 0;line-height:1.5}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.toolbar__group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{appearance:none;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .15s,background-color .15s,opacity .15s}.button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65}.button--secondary{color:#1f2937;border:1px solid var(--border);background:#fff}.button--secondary:hover:not(:disabled){background:#f8fbff}.button--ghost{color:var(--primary);background:0 0;border:1px solid #0000;padding-inline:8px}.input,.select,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:#9bb8f6;box-shadow:0 0 0 4px #2563eb1f}.field{gap:8px;display:grid}.field__label{color:#334155;font-size:13px;font-weight:700}.field__hint{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.success{color:var(--success)}.danger{color:var(--danger)}.grid{gap:16px;display:grid}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.list{gap:12px;display:grid}.item{border:1px solid var(--border);background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:18px;padding:16px}.item__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item__title{margin:0;font-size:16px;line-height:1.4}.item__meta{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.item__body{gap:10px;margin-top:14px;display:grid}.chip{color:#1e3a8a;background:#eef4ff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.chip--neutral{color:#334155;background:#f1f5f9}.chip--success{color:#166534;background:#ecfdf5}.chip--danger{color:#991b1b;background:#fef2f2}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--spread{justify-content:space-between}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary__box{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;padding:16px}.summary__label{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:700}.summary__value{margin:0;font-size:24px;font-weight:800;line-height:1.1}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(520px,100%);padding:24px}.auth-logo{border:1px solid var(--border);background:linear-gradient(#fff 0%,#eef4ff 100%);border-radius:20px;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.auth-logo img{object-fit:cover;width:100%;height:100%}.auth-status{border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px 14px;font-size:14px}.auth-status--info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.auth-status--success{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.auth-status--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.spinner{border:2px solid #2563eb33;border-top-color:var(--primary);border-radius:999px;width:20px;height:20px;animation:.9s linear infinite spin}.spinner--large{width:44px;height:44px}.loading{place-items:center;min-height:50vh;padding:24px;display:grid}.loading__card{text-align:center;place-items:center;gap:14px;display:grid}.site-top{justify-content:space-between;align-items:center;gap:14px;padding:20px 0 12px;display:flex}.site-top__brand{align-items:center;gap:12px;display:flex}.site-top__title{margin:0;font-size:18px;font-weight:800}.site-top__desc{color:var(--muted);margin:3px 0 0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.grid--two,.grid--three,.summary{grid-template-columns:1fr}.hero{padding:22px}.card__body,.card__header{padding-left:18px;padding-right:18px}}