:root{--bg:#edf6ef;--surface:#ffffff;--surface-2:#f4faf5;--ink:#153125;--muted:#4a6b57;--line:#d4e8da;--brand:#149c49;--brand-2:#0d7036;--ok:#0f8a4b;--danger:#b93434}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:linear-gradient(120deg,color-mix(in srgb,var(--bg),#ffffff 10%) 0,var(--bg) 45%,color-mix(in srgb,var(--bg),#ffffff 6%) 100%);color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1d14;--surface:#15261c;--surface-2:#1a2d21;--ink:#e7f5ec;--muted:#a8c8b4;--line:#264233;--brand:#1bb05a;--brand-2:#138a46}}[data-theme=dark]{--bg:#0f1d14;--surface:#15261c;--surface-2:#1a2d21;--ink:#e7f5ec;--muted:#a8c8b4;--line:#264233;--brand:#1bb05a;--brand-2:#138a46}a{color:inherit;text-decoration:none}main{padding:18px}.container{max-width:1260px;margin:0 auto}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--brand-2) 0,#0b4f29 100%);color:#f3f7fc;padding:18px;border-right:1px solid #0f5b30}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px}.brand-wrap{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#fff}.brand-text{min-width:0}.brand{font-size:14px;font-weight:700;margin-bottom:2px;line-height:1.2}.brand-sub{font-size:11px;opacity:.85}.theme-icon-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:16px}.nav{display:grid;grid-gap:6px;gap:6px}.nav a{padding:10px 12px;border-radius:10px;font-size:13px;border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.content{padding:18px 20px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.page-title{font-size:24px;font-weight:700}.page-logo{width:82px;height:auto;object-fit:contain;border-radius:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 28px rgba(15,31,51,.06)}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #0d3358}.grid-2,.grid-3{grid-template-columns:1fr}}.input,.select{width:100%;border:1px solid #bcd9c7;border-radius:10px;padding:11px 12px;background:var(--surface);color:var(--ink)}.btn{border:0;background:linear-gradient(180deg,#149c49,#0e7a3a);color:white;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn-danger{background:linear-gradient(180deg,#cc4b4b,#9a2c2c)}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #e6edf5;padding:10px 8px;font-size:13px;text-align:left}.table th{font-weight:700}.muted,.table th{color:var(--muted)}.muted{font-size:12px}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e9f8ef;border:1px solid #cde8d8;font-size:11px}