:root{--navy:#0b1728;--navy2:#10233a;--orange:#ffb000;--orange2:#ffc33d;--bg:#f4f7fb;--card:#fff;--text:#122036;--muted:#667085;--line:#e5e9f0;--green:#0f9f6e;--red:#b42318;--blue:#2563eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}
.brand{font-size:30px;font-weight:800;direction:ltr;display:inline-block}.brand b{color:var(--orange)}.brand small{display:block;font-size:11px;font-weight:400;color:#c8d3df;margin-top:4px}
.nav{display:grid;gap:5px;margin-top:26px}.nav a{padding:12px 13px;border-radius:10px;color:#c7d0dc;font-weight:700}.nav a:hover,.nav a.active{background:#162a42;color:#fff}
.nav .section{font-size:11px;color:#7f91a6;margin:16px 12px 6px}.main{padding:28px 30px 60px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.top h1{margin:0;font-size:30px}.top p{color:var(--muted);margin:6px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#111827}.btn.danger{background:#fff0f0;color:var(--red);border-color:#ffd2d2}.btn.small{padding:7px 10px;font-size:12px}
.flash{background:#e9fbf4;color:#087a55;border:1px solid #bcebd9;padding:12px 14px;border-radius:11px;margin-bottom:16px}.errorbox{background:#fff2f2;color:#9c1c1c;border:1px solid #ffd3d3;padding:12px 14px;border-radius:11px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.card small{color:var(--muted)}.card strong{display:block;font-size:28px;margin-top:8px}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.input,.select,.textarea{width:100%;border:1px solid #d8dee8;background:#fff;border-radius:10px;padding:11px 12px;font:inherit}.textarea{min-height:110px;resize:vertical}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.formgrid .full{grid-column:1/-1}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid #edf0f4;text-align:right;white-space:nowrap}.table th{font-size:12px;color:var(--muted);background:#fafbfc}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.b-green{background:#e9fbf4;color:#087a55}.b-yellow{background:#fff5d8;color:#946500}.b-gray{background:#eef2f6;color:#475467}.b-red{background:#fff0f0;color:#b42318}.b-blue{background:#edf4ff;color:#175cd3}
.meta{color:var(--muted);font-size:13px}.pagination{margin-top:15px}.empty{text-align:center;padding:36px;color:var(--muted)}
@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.main{padding:18px 14px 40px}.top{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.top h1{font-size:26px}}