/* CHANGARA CONNECT - Admin / dashboard layout */
.dash-wrap{display:grid;gap:16px;margin-top:14px}
@media(min-width:901px){.dash-wrap{grid-template-columns:250px 1fr;align-items:start}}
.dash-side{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:sticky;top:76px}
.dash-side .ds-head{padding:14px 16px;background:var(--navy);color:#fff}
.dash-side .ds-head b{font-family:var(--font-display);font-size:14.5px}
.dash-side .ds-head small{display:block;opacity:.75;font-size:11.5px}
.dash-nav{display:flex;flex-direction:column;padding:8px}
.dash-nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:8px;font-size:13.5px;font-weight:500;color:#33415a;text-align:left;cursor:pointer}
.dash-nav button i{width:20px;color:var(--primary);text-align:center}
.dash-nav button:hover{background:#eef3fb}
.dash-nav button.active{background:var(--primary);color:#fff}
.dash-nav button.active i{color:#fff}
.dash-nav .nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;border-radius:20px;padding:1px 8px}
.dash-main{min-width:0}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.stat-card small{color:var(--muted);font-size:12px;display:block}
.stat-card .stat-num{font-size:24px;font-weight:700;font-family:var(--font-display);color:var(--primary)}
.stat-card .stat-sub{font-size:11.5px;color:var(--muted)}
.bar-row{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:12.5px}
.bar-label{flex:0 0 130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{flex:1;background:#e9eef5;border-radius:6px;height:10px;position:relative}
.bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#1668e3,#1ba05b)}
.bar-num{flex:0 0 34px;text-align:right;font-weight:600}
/* ===== ADMIN2 ===== */
.tbl-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;overflow-x:auto;margin-top:12px}
.tbl{width:100%;border-collapse:collapse;min-width:640px;font-size:13px}
.tbl th,.tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}
.tbl th{background:#f1f5fa;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#4a5b70}
.tbl tr:hover td{background:#f8fbff}
.tbl .thumb-sm{width:44px;height:44px;object-fit:cover;border-radius:8px}
.tbl .actions{white-space:nowrap}
.tbl .actions .btn{margin-right:4px}
.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.status-dot.pending{background:#f59e0b}.status-dot.approved{background:#1ba05b}
.status-dot.rejected{background:#d93025}.status-dot.suspended{background:#66788a}
.dash-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}
.dash-tabs button{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;cursor:pointer;color:#33415a}
.dash-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:600px){.dash-side{position:static}.dash-side .ds-head{display:none}.dash-nav{flex-direction:row;overflow-x:auto}.dash-nav button{white-space:nowrap}}