.role-tabs{grid-template-columns:repeat(3,1fr)}
.footer-admin{border:0;background:none;color:inherit;padding:0;font-size:10px;cursor:pointer}
.admin-panel{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;background:#eceae5}
.admin-panel::backdrop{background:#111}
.admin-panel[open]{display:grid;grid-template-columns:245px 1fr}
.admin-sidebar{background:#101011;color:#fff;padding:30px 24px;display:flex;flex-direction:column}
.admin-sidebar>p{margin:48px 10px 20px;color:#656565;font-size:8px;letter-spacing:.18em}
.admin-sidebar nav{display:grid;gap:3px}
.admin-sidebar nav button{display:flex;align-items:center;gap:13px;padding:13px 12px;background:none;border:0;color:#777;text-align:left;font-size:11px;cursor:pointer}
.admin-sidebar nav button span{flex:1}.admin-sidebar nav button b{background:#2a2a2b;color:#aaa;font-size:8px;padding:3px 6px;border-radius:8px}
.admin-sidebar nav button.active,.admin-sidebar nav button:hover{background:#202021;color:#fff}.admin-sidebar nav button.active{border-left:2px solid var(--acid)}
.admin-logout{margin-top:auto;border:0;background:none;color:#777;text-align:left;font-size:10px;cursor:pointer}
.admin-content{padding:38px 45px;overflow:auto}.admin-content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.admin-content header span,.admin-card-title span{font-size:8px;color:#888;letter-spacing:.18em}.admin-content header h2{font-size:34px;margin-top:5px}
.admin-profile{display:flex;align-items:center;gap:12px;font-size:10px}.admin-profile b{width:37px;height:37px;border-radius:50%;background:#111;color:var(--acid);display:grid;place-items:center;font-size:10px}
.admin-alert{background:#111;color:#fff;padding:17px 20px;display:flex;align-items:center;gap:20px}.admin-alert>span{color:var(--acid);font-size:8px;letter-spacing:.15em}.admin-alert p{font-size:11px;flex:1}.admin-alert button,.admin-card-title button{background:none;border:0;color:inherit;font-size:9px;cursor:pointer}
.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.admin-metrics article,.admin-card{background:#fff;padding:22px;border:1px solid #dedbd4}.admin-metrics span{font-size:8px;letter-spacing:.13em;color:#888}.admin-metrics strong{display:block;font-family:Manrope;font-size:27px;margin:12px 0 5px}.admin-metrics small{font-size:8px;color:#888}
.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.admin-card-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e2dc;padding-bottom:17px}.admin-card-title h3{font-size:15px;margin:5px 0 0}
.admin-table{font-size:10px}.admin-table>div{display:grid;grid-template-columns:1.5fr 1fr .7fr;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.admin-table .table-head{font-size:7px;color:#999;letter-spacing:.13em}.admin-table span small{display:block;color:#999;margin-top:3px}
.status{font-size:7px;padding:6px 8px;width:max-content}.status.success{background:#eaf6d2;color:#4a6800}.status.pending{background:#fff1d5;color:#956600}
.admin-actions>button{width:100%;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #eee;background:none;padding:14px 0;text-align:left;cursor:pointer}.admin-actions>button>b{width:31px;height:31px;background:#efede7;display:grid;place-items:center}.admin-actions>button span{font-size:10px}.admin-actions>button small{display:block;color:#999;margin-top:3px}
@media(max-width:800px){.admin-panel[open]{grid-template-columns:65px 1fr}.admin-sidebar{padding:20px 10px}.admin-sidebar .brand span:last-child,.admin-sidebar>p,.admin-sidebar nav span,.admin-sidebar nav b{display:none}.admin-sidebar nav button{justify-content:center;font-size:17px}.admin-logout{font-size:0}.admin-logout:after{content:'←';font-size:18px}.admin-content{padding:24px 18px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-alert p{display:none}}
@media(max-width:480px){.admin-metrics{grid-template-columns:1fr}.admin-table>div{grid-template-columns:1.3fr .7fr}.admin-table>div span:nth-child(2){display:none}.admin-content>header{align-items:flex-start}.admin-profile span{display:none}}