@import url('/base.css');
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--blue);color:#fff;display:flex;flex-direction:column;padding:32px 18px;z-index:25}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 35px;font-size:22px;letter-spacing:2px}.brand img{height:38px;width:38px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#ffffff80;margin-top:8px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav a{padding:12px 16px;font-size:13px;border-radius:6px;color:#ffffff9c;display:flex;align-items:center;gap:15px}.sidebar nav a span{font-size:16px;width:18px;color:#d2b789}.sidebar nav a.active{background:#ffffff13;color:#fff;border-left:2px solid var(--gold)}.sidebar nav a:hover{background:#ffffff0c}.back-link{margin-top:auto;padding:25px 16px 0;font-size:12px;color:#ffffff80}.admin-shell{margin-left:230px}.admin-top{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.divider{margin:0 18px;color:#d2d2cf}#page-label{font-size:13px}#admin-main{padding:35px;max-width:1640px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-heading h1{font-size:28px;margin:0 0 10px}.admin-heading p{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.stat strong{font-size:36px;font-weight:550;display:block;margin:14px 0 8px}.stat span{font-size:12px;color:var(--muted)}.stat small{color:var(--gold)}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.integration{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.integration h3{margin:0 0 8px;font-size:14px}.integration p{margin:0;font-size:12px}.integration:last-child{border:0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;gap:14px;align-items:center;margin:18px 0;font-size:12px}.bar-track{height:10px;border-radius:3px;background:#f0efe9;overflow:hidden}.bar-fill{height:100%;background:var(--blue);min-width:0;border-radius:3px}.bar-row:nth-child(even) .bar-fill{background:var(--gold)}.filter-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.filter-form input{font-size:12px;padding:10px}.filter-form .row{grid-column:1/-1}.alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alert-grid a{display:block;padding:20px;border:1px solid var(--line);border-radius:9px}.alert-grid b{display:block;font-size:25px;margin:12px 0}.alert-grid span{font-size:12px;color:var(--muted)}.data-pre{white-space:pre-wrap;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.inline-buttons{display:flex;flex-wrap:wrap;gap:8px}.inline-buttons button{white-space:nowrap}.role-line{display:flex;align-items:center;gap:15px;font-size:12px}.small-table td{max-width:320px;overflow-wrap:anywhere}.report-reader{max-height:60vh;overflow:auto;padding-right:8px}.report-reader h3{border-bottom:1px solid var(--line);padding-bottom:12px}.report-reader p{font-size:13px;white-space:pre-wrap;line-height:1.9}@media(max-width:1150px){.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.chart-grid{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:20px 16px 12px}.brand{padding:0 6px 18px;font-size:19px}.brand img{height:32px;width:32px}.sidebar nav{flex-direction:row;padding-bottom:4px}.sidebar nav a{white-space:nowrap;font-size:12px;padding:10px 13px}.sidebar nav a span{display:none}.sidebar .back-link{display:none}.admin-shell{margin-left:0}.admin-top{height:62px;padding:0 20px}#admin-main{padding:25px 16px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:24px}.stat{padding:18px}.stat strong{font-size:30px}.stat-grid{gap:12px}.filter-form{grid-template-columns:1fr 1fr}.alert-grid{grid-template-columns:1fr}.card{padding:20px}.bar-row{grid-template-columns:85px 1fr 35px}.divider{margin:0 10px}}
