:root{--brand:#f7931e;--brand-dark:#db7a0a;--brand-soft:#fff1de;--ink:#0f172a;--ink-soft:#111827;--text:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--bg:#f7f8fa;--surface:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--success:#16a34a;--success-soft:#dcfce7;--success-border:#86efac;--warning:#d97706;--warning-soft:#fef9c3;--warning-border:#fde047;--danger:#dc2626;--danger-soft:#fee2e2;--danger-border:#fca5a5;--info:#1d4ed8;--info-soft:#eff6ff;--info-border:#93c5fd;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-card:0 4px 10px #0f172a0f;--shadow-button:0 5px 10px #0f172a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input{font-family:inherit}a{color:inherit}.login-screen{background:linear-gradient(160deg, var(--brand) 0%, var(--brand-dark) 60%, var(--ink) 130%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:36px 30px 28px;box-shadow:0 20px 45px #0f172a40}.login-logo{flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;display:flex}.login-logo .mark{border-radius:var(--radius-lg);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex}.login-logo h1{color:var(--ink);margin:4px 0 0;font-size:18px;font-weight:900}.login-logo p{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:700}.field input{border-radius:var(--radius-md);border:1.5px solid var(--border);height:46px;color:var(--text);background:var(--surface);outline:none;padding:0 14px;font-size:15px;transition:border-color .15s}.field input:focus{border-color:var(--brand)}.form-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:#991b1b;border-radius:var(--radius-md);margin-bottom:16px;padding:10px 12px;font-size:13px}.btn-primary{border-radius:var(--radius-md);background:var(--ink);color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:var(--shadow-button);border:none;font-size:15px;font-weight:800;transition:opacity .15s}.btn-primary:disabled{opacity:.65;cursor:default}.btn-primary:not(:disabled):hover{opacity:.92}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.app-topbar .brand{color:var(--ink);align-items:center;gap:10px;font-weight:900;display:flex}.app-topbar .brand .mark{border-radius:var(--radius-sm);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:flex}.btn-ghost{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:8px 10px;font-size:14px;font-weight:700}.btn-ghost:hover{background:var(--bg);color:var(--text)}.app-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:28px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.badge{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-success{background:var(--success-soft);color:#166534;border:1px solid var(--success-border)}.badge-warning{background:var(--warning-soft);color:#92400e;border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-soft);color:#991b1b;border:1px solid var(--danger-border)}.full-screen-center{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}