:root{--bg: #f7f8fa;--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--primary: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--primary-contrast: #ffffff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--ring: rgba(37, 99, 235, .35);--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--panel: #0b1223;--text: #e5e7eb;--muted: #9aa3b2;--border: #1f2a44;--shadow: 0 1px 2px rgba(0,0,0,.6), 0 10px 30px rgba(0,0,0,.4);--primary: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--ring: rgba(59,130,246,.45)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}*{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:40}}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:var(--space-5) var(--space-4)}.sidebar .logo{font-weight:800;letter-spacing:.2px;margin-bottom:var(--space-5)}.sidebar .nav-link{display:flex;align-items:center;gap:.5rem;padding:.55rem .6rem;margin-bottom:.25rem;border-radius:var(--r-sm);color:var(--text);border:1px solid transparent}.sidebar .nav-link:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.sidebar .nav-link.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary-700)}.sidebar .nav-section{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:.75rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.header{position:sticky;top:0;z-index:30;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;box-shadow:var(--shadow)}.main{padding:var(--space-5)}.container{max-width:1100px;margin:0 auto}.page-card{background:var(--panel);padding:var(--space-5);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow)}.page-card h1,.page-card h2,.page-card h3{margin-top:0;margin-bottom:.35rem}.page-card p{color:var(--muted)}.card-grid{display:grid;gap:var(--space-4)}@media (min-width: 700px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow)}.tile .label{color:var(--muted);font-size:.85rem}.tile .value{font-size:1.6rem;font-weight:800;margin-top:.25rem}.btn{--btn: var(--primary);--btn-contrast: var(--primary-contrast);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .95rem;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--btn) 80%,black);color:var(--btn-contrast);background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 14%,white),color-mix(in srgb,var(--btn) 0%,black) 85%);box-shadow:0 1px #ffffff40 inset,0 6px 14px #0000001a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease,border-color .15s ease}.btn:hover{filter:brightness(1.03);box-shadow:0 1px #ffffff40 inset,0 8px 18px #00000024}.btn:active{transform:translateY(1px);box-shadow:0 0 #0000,0 3px 10px #0000001f}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;filter:grayscale(.1)}.btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--ring),0 6px 14px #0000001a}.btn.success{--btn: var(--success);--btn-contrast: #fff}.btn.danger{--btn: var(--danger);--btn-contrast: #fff}.btn.warning{--btn: var(--warning);--btn-contrast: #111}.btn.outline{background:transparent;color:var(--btn);border-color:color-mix(in srgb,var(--btn) 60%,var(--border));box-shadow:none}.btn.outline:hover{background:color-mix(in srgb,var(--btn) 10%,transparent)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.btn.ghost:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.btn-sm{padding:.45rem .7rem;font-size:.9rem;border-radius:var(--r-sm)}.btn-lg{padding:.8rem 1.1rem;font-size:1.05rem;border-radius:var(--r-lg)}.btn-block{width:100%}.btn-icon{width:2.25rem;height:2.25rem;padding:0;display:inline-grid;place-items:center;border-radius:10px}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading .spinner{position:absolute;width:1.1em;height:1.1em;border-radius:50%;border:2px solid color-mix(in srgb,var(--btn-contrast) 35%,transparent);border-top-color:var(--btn-contrast);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input,.textarea,.select,input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:.6rem .7rem}.input::placeholder,.textarea::placeholder,textarea::placeholder,input::placeholder{color:color-mix(in srgb,var(--muted) 85%,transparent)}.form-row{display:grid;gap:var(--space-3)}@media (min-width: 720px){.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}}.reports-filters{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.reports-search{min-width:0}.reports-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap;width:100%}.reports-actions .btn{flex:1 1 130px}@media (min-width: 1080px){.reports-filters{grid-template-columns:minmax(240px,2fr) minmax(140px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(240px,1.2fr)}.reports-actions .btn{flex:0 0 auto}}@media (max-width: 720px){.reports-actions{justify-content:flex-start}}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.table th,.table td{padding:.65rem .8rem;border-bottom:1px solid var(--border);text-align:left}.table thead th{background:color-mix(in srgb,var(--text) 5%,var(--panel));color:var(--muted);font-weight:700;font-size:.9rem}.table tbody tr:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.muted{color:var(--muted)}.spacer{height:var(--space-5)}.badge{display:inline-block;padding:.2rem .45rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 5%,var(--panel))}@media (pointer: fine){*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text) 18%,transparent)}}.login-bg{min-height:100vh;display:grid;place-items:center;background-color:#f6f8fb;--dot-color: rgba(16, 24, 40, .1);--dot-size: 2px;--dot-space: 18px;background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size)),linear-gradient(180deg,#ffffffe6,#f0f4ffb3);background-size:var(--dot-space) var(--dot-space),100% 100%;background-position:0 0,0 0;background-attachment:fixed}.login-card{width:min(92vw,420px);background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;padding:22px 20px;box-shadow:0 10px 35px #10182814}.login-head{text-align:center;margin-bottom:14px}.login-logo{width:48px;height:48px;margin:0 auto 8px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#22d3ee);color:#fff;font-weight:800;display:grid;place-items:center;letter-spacing:.5px}.login-head h1{font-size:22px;line-height:1.2}.login-sub{margin-top:4px;font-size:13px;color:#667085}.label{display:block;margin-top:10px;margin-bottom:6px;font-size:13px;color:#344054}.input{width:100%;padding:10px 12px;border:1px solid #D0D5DD;border-radius:10px;background:#fff;font-size:14px;outline:none;transition:box-shadow .15s,border-color .15s,background-color .15s}.input:focus{border-color:#84caff;box-shadow:0 0 0 4px #2563eb1f}.input::placeholder{color:#98a2b3}.input-with-btn{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.btn-primary{width:100%;margin-top:14px;padding:10px 12px;border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:600;cursor:pointer;transition:transform .05s ease,filter .2s ease}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary:active{transform:translateY(1px)}.btn-ghost{padding:8px 10px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;cursor:pointer}.btn-ghost:hover{background:#f8fafc}.alert{background:#fef3f2;color:#b42318;border:1px solid #fecdcf;border-radius:10px;padding:10px 12px;font-size:14px;margin:8px 0 6px}.login-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.checkbox{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#475467}.link{font-size:13px;color:#2563eb}.link:hover{text-decoration:underline}.login-foot{text-align:center;font-size:12px;color:#98a2b3;margin-top:10px}@media (prefers-color-scheme: dark){.login-bg{background-color:#0b1220;--dot-color: rgba(255,255,255,.08);background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size)),linear-gradient(180deg,#0e172aeb,#0e172a99)}.login-card{background:#0f172a;border-color:#ffffff0f}.label,.login-sub,.checkbox,.login-foot{color:#cbd5e1}.input,.btn-ghost{background:#0b1220;border-color:#1f2a44;color:#e5e7eb}.link{color:#60a5fa}}.sidebar{width:240px;display:flex;flex-direction:column}@media (max-width: 960px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s ease;z-index:1000;box-shadow:0 20px 60px #0000001a}.sidebar.open{transform:translate(0)}.scrim{position:fixed;inset:0;background:#0f172a59;border:0;padding:0;margin:0;z-index:900}}.nav-link{display:flex;align-items:center;gap:10px;font-weight:500}.nav-link.active{background:linear-gradient(90deg,rgba(37,99,235,.1),transparent 60%);color:#1d4ed8;border:1px solid rgba(37,99,235,.18)}