:root{--navy:#09243a;--navy2:#0f3554;--gold:#c79a31;--soft:#f4f7fb;--line:#dfe7ef;--text:#13293d;--muted:#6b7c8f}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--soft);color:var(--text)}
.app-shell{display:flex;min-height:100vh}
.app-sidebar{width:260px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:22px 16px;position:fixed;inset:0 auto 0 0}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:16px}
.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--gold);display:grid;place-items:center;font-weight:800}
.brand small{display:block;color:#b9c9d8;margin-top:2px}
.app-sidebar nav a{display:block;color:#dbe7f2;text-decoration:none;padding:11px 12px;border-radius:8px;margin:4px 0}
.app-sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.app-main{margin-left:260px;width:calc(100% - 260px)}
.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:2}
.topbar h1{font-size:22px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:12px}
.content-wrap{padding:26px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 8px 22px rgba(9,36,58,.05)}
.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:26px;font-weight:800;margin-top:8px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title h2{margin:0;font-size:24px}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}
.form-card{max-width:980px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.mb-3{margin-bottom:1rem}.mt-3{margin-top:1rem}
@media(max-width:900px){.app-sidebar{position:relative;width:100%;inset:auto}.app-shell{display:block}.app-main{margin-left:0;width:100%}.topbar{height:auto;padding:16px;align-items:flex-start;gap:10px}.grid{grid-template-columns:1fr}.content-wrap{padding:16px}}