@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Nastaliq+Urdu&display=swap');
:root{--p:#b45309;--p2:#92400e;--bg:#fefce8;--card:#fff;--border:#fde68a;--text:#431407;--muted:#a16207}
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui}
body{background:var(--bg);color:var(--text)}
.app{display:flex;min-height:100vh}
.sidebar{width:270px;background:#431407;color:#fef3c7;padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.logo{font-size:22px;font-weight:800;margin-bottom:20px;color:#fbbf24}
.sidebar nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;color:#fde68a;text-decoration:none;border-radius:8px;margin-bottom:4px;font-size:14px;transition:.2s}
.sidebar nav a:hover{background:#78350f;color:white}
.sidebar nav small{display:block;margin:16px 0 6px 12px;color:#d97706;font-size:11px;letter-spacing:1px;font-weight:700}
.main{flex:1;padding:28px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 12px rgba(180,83,9,0.06)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat h4{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.stat h2{font-size:28px;margin-top:6px}
.stat p{font-size:13px;color:var(--muted);margin-top:4px}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
.table th{color:var(--muted);font-size:12px;text-transform:uppercase}
.btn{padding:10px 16px;border:none;border-radius:9px;font-weight:600;cursor:pointer;font-size:14px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.btn-primary{background:var(--p);color:white}
.btn-primary:hover{background:var(--p2)}
.btn-outline{background:white;border:1px solid var(--border);color:var(--text)}
.form-group{margin-bottom:14px}
.form-group label{font-size:13px;color:var(--muted);margin-bottom:5px;display:block;font-weight:600}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:white;font-size:14px}
.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}
.badge-green{background:#dcfce7;color:#166534}
.badge-red{background:#fee2e2;color:#991b1b}
.badge-yellow{background:#fef9c3;color:#854d0e}
.alert{padding:12px 14px;border-radius:9px;margin-bottom:14px;font-size:14px}
.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.kpi-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:20px}
@media(max-width:900px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{display:none}}