body.adm{background:var(--bg)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:var(--navy);color:#b7c6e6;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.side img{width:150px;background:#fff;border-radius:8px;padding:4px;margin:0 0 18px 6px}
.side a,.side button{display:flex;gap:10px;width:100%;padding:11px 14px;border-radius:10px;color:inherit;background:none;border:0;font:600 15px "Source Sans 3";cursor:pointer;text-align:left}.side a:hover,.side a.on,.side button:hover{background:rgba(255,255,255,.1);color:#fff}
.main{padding:26px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.top h1{font-size:1.6rem;margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}.cards .card strong{font:700 2rem Sora;display:block;color:var(--blue2)}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tools input{max-width:260px}.tools select{width:auto}
.tw{overflow-x:auto;background:var(--card);border:1px solid var(--bd);border-radius:var(--r)}table{border-collapse:collapse;width:100%;min-width:720px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--bd);font-size:14px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}th{cursor:pointer;text-transform:capitalize;color:var(--mut)}
td .btn{margin-right:4px}.btn.d{background:#d93025;color:#fff}.btn.e{background:var(--blue2);color:#fff}.btn.v{background:var(--bd);color:var(--tx)}
.chart{display:flex;align-items:flex-end;gap:16px;height:190px}.chart div{flex:1;text-align:center;font-size:13px}.chart i{display:block;background:linear-gradient(var(--cyan),var(--blue2));border-radius:8px 8px 0 0;margin-bottom:6px}
.login{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:16px}.login .card{width:min(400px,100%)}
dl{display:grid;grid-template-columns:120px 1fr;gap:8px}dt{color:var(--mut);text-transform:capitalize}dd{margin:0}
@media(max-width:860px){.layout{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px}.side a,.side button{width:auto;padding:8px 12px}.side img{display:none}}