:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color:#092933; background:#f4fbfc; }
* { box-sizing:border-box; } body { margin:0; } button,input,select,textarea { font:inherit; }
button { cursor:pointer; border:0; border-radius:8px; padding:.6rem .85rem; color:white; background:#087f94; font-weight:650; }
button.secondary { color:#075969; background:#d7eef2; } button.danger { background:#ba3642; } button:disabled { opacity:.5; cursor:not-allowed; }
a { color:#067489; } .shell { max-width:1180px; margin:auto; padding:24px; } .top { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:24px; }
.brand { font-size:1.25rem; font-weight:800; } .subtitle { color:#59727a; font-size:.92rem; }.actions { display:flex; gap:8px; flex-wrap:wrap; }
.card { background:white; border:1px solid #d6e7ea; box-shadow:0 4px 16px #0d45520a; border-radius:14px; padding:20px; margin-bottom:16px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }.metric { border-radius:12px; background:#edf8fa; padding:16px; }.metric strong { display:block; font-size:1.8rem; margin-top:5px; }
.nav { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }.nav button[aria-current="page"] { background:#053f4a; }
.row { display:flex; align-items:center; gap:10px; justify-content:space-between; }.muted { color:#657b82; }.error { color:#9e202b; background:#fff3f3; border:1px solid #f4c2c5; padding:12px; border-radius:8px; }
table { border-collapse:collapse; width:100%; } th,td { padding:11px 8px; border-bottom:1px solid #e4eef0; text-align:left; vertical-align:top; } th { color:#587078; font-size:.8rem; text-transform:uppercase; }
.status { display:inline-block; padding:.2rem .5rem; border-radius:999px; background:#e3f2f4; color:#075969; font-size:.8rem; }.status.under_review { background:#fff0cc; color:#875b00; }.status.rejected,.status.suspended { background:#ffe2e3; color:#a01d2a; }
label { display:grid; gap:6px; margin:10px 0; font-weight:650; } input,select,textarea { width:100%; padding:.65rem; border:1px solid #b9d1d6; border-radius:8px; background:white; } textarea { min-height:96px; }
.login { max-width:440px; margin:10vh auto; }.login h1 { margin-top:0; }.hidden { display:none!important; } .toast { position:fixed; right:16px; bottom:16px; max-width:420px; background:#073f4a; color:white; padding:12px 16px; border-radius:9px; }
@media (max-width:640px) { .shell { padding:14px; }.top { align-items:flex-start; flex-direction:column; } th:nth-child(3),td:nth-child(3) { display:none; } }