:root{--navy:#132238;--ink:#233044;--muted:#718096;--line:#e7edf3}*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:var(--ink);font:14px Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--navy);color:#fff;padding:28px 18px}.sidebar h1{font-size:20px;line-height:1.25;margin:0 12px 42px}.sidebar a{display:block;color:#b9c7d8;text-decoration:none;padding:12px;border-radius:7px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#27405d;color:#fff}.main{margin-left:230px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:25px 32px;font-weight:bold;font-size:18px}.content{padding:28px;max-width:1500px}.card,.panel{border:0;border-radius:10px;box-shadow:0 3px 15px #1a355008;background:#fff}.stat{padding:22px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:29px;margin-top:8px}.panel{padding:22px}.table{margin:0}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table td,.table th{padding:13px 12px;vertical-align:middle}.table tbody tr{border-top:1px solid var(--line)}.badge-raw{background:#edf2f7;color:#435268}.muted{color:var(--muted)}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px}.sidebar h1{margin:0 0 12px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar a{white-space:nowrap}.main{margin-left:0}.topbar{padding:20px;height:60px}.content{padding:16px}.table-responsive{font-size:13px}}