:root{
  --kt-green:#10b981;
  --kt-green-700:#059669;
  --kt-bg:#f6f7fb;
  --kt-panel:#ffffff;
  --kt-text:#111827;
  --kt-muted:#6b7280;
  --kt-border:#e5e7eb;
  --kt-shadow:0 6px 24px rgba(17,24,39,.08);
  --kt-sidebar:#2f4a34;
  --kt-sidebar-2:#29402e;
}

.kt-dashboard{display:flex;min-height:100vh;margin-top:0;background:var(--kt-bg)}
.kt-sidebar{width:260px;background:linear-gradient(180deg,var(--kt-sidebar),var(--kt-sidebar-2));color:#fff;overflow-y:auto}
.kt-sidebar .brand{display:flex;align-items:center;gap:10px;padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.kt-sidebar .brand .dot{width:10px;height:10px;border-radius:999px;background:var(--kt-green);box-shadow:0 0 0 4px rgba(16,185,129,.25)}
.kt-sidebar .brand .name{font-weight:900;letter-spacing:.2px}
.kt-sidebar .menu{padding:12px 0}
.kt-sidebar .group{margin-bottom:12px}
.kt-sidebar .group-title{font-size:11px;font-weight:800;opacity:.65;text-transform:uppercase;padding:10px 18px}
.kt-sidebar a.item{display:flex;align-items:center;gap:10px;padding:10px 18px;color:rgba(255,255,255,.88);text-decoration:none;border-left:4px solid transparent}
.kt-sidebar a.item:hover{background:rgba(255,255,255,.06)}
.kt-sidebar a.item.active{background:rgba(16,185,129,.16);border-left-color:var(--kt-green);color:#fff}

.kt-main{flex:1;overflow:auto}
.kt-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.kt-search{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:var(--kt-panel);border:1px solid var(--kt-border);border-radius:999px;padding:10px 14px;box-shadow:0 2px 10px rgba(17,24,39,.06)}
.kt-search input{border:0;outline:0;flex:1;background:transparent}
.kt-userpill{display:flex;align-items:center;gap:10px;background:var(--kt-panel);border:1px solid var(--kt-border);border-radius:999px;padding:8px 12px;box-shadow:0 2px 10px rgba(17,24,39,.06)}
.kt-avatar{width:28px;height:28px;border-radius:999px;background:rgba(16,185,129,.18);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--kt-green-700)}

.kt-content{padding:0 22px 28px}
.kt-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.kt-stat{background:var(--kt-panel);border:1px solid var(--kt-border);border-radius:14px;padding:14px 16px;box-shadow:var(--kt-shadow)}
.kt-stat .label{color:var(--kt-muted);font-size:12px;font-weight:800;text-transform:uppercase}
.kt-stat .value{margin-top:6px;font-size:22px;font-weight:900;color:var(--kt-text)}

.kt-panels{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.kt-panel{background:var(--kt-panel);border:1px solid var(--kt-border);border-radius:14px;padding:16px;box-shadow:var(--kt-shadow)}
.kt-panel h3{margin:0 0 10px 0;font-size:16px;font-weight:900;color:var(--kt-text)}
.kt-panel .muted{color:var(--kt-muted)}

@media (max-width: 1024px){
  .kt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-panels{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .kt-dashboard{flex-direction:column}
  .kt-sidebar{width:100%}
  .kt-topbar{padding:14px 16px}
  .kt-content{padding:0 16px 22px}
}