body{margin:0;background:#eef2f7;color:#172033;font-family:Arial,Helvetica,sans-serif}
.panel-shell{display:flex;min-height:100vh}
.panel-sidebar{width:260px;background:#1f2a44;color:#fff;padding:18px;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.brand strong,.brand span{display:block}.brand span{font-size:13px;opacity:.75}
.panel-sidebar nav a{display:flex;gap:10px;align-items:center;color:#dce6ff;text-decoration:none;padding:12px;border-radius:8px;margin-bottom:6px}
.panel-sidebar nav a:hover{background:#30405f;color:#fff}
.panel-main{flex:1;min-width:0}.panel-topbar{background:#fff;padding:18px 24px;border-bottom:1px solid #dde4ee}
.panel-topbar h1{font-size:24px;margin:0}.panel-topbar p{margin:4px 0 0;color:#667085}
.panel-content{padding:22px}.metric{border-radius:8px;background:#fff;padding:18px;border:1px solid #dde4ee}
.metric h3{font-size:22px;margin:0}.metric p{margin:6px 0 0;color:#667085}.card{border-radius:8px}
.table-responsive{background:#fff;border-radius:8px}.btn{border-radius:6px}
@media(max-width:768px){.panel-shell{display:block}.panel-sidebar{position:relative;width:100%;height:auto}.panel-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.panel-sidebar nav a{margin:0}.panel-content{padding:14px}.panel-topbar{padding:14px}.panel-topbar h1{font-size:20px}}