:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#667085;--primary:#2563eb;--border:#e5e7eb;--success:#16a34a;--danger:#dc2626}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8}
.topbar{background:#0f172a;color:#fff;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:800}.topbar a{color:#fff;text-decoration:none;margin:0 7px;font-size:14px}
.container{max-width:1180px;margin:35px auto;padding:0 18px}.hero{background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;border-radius:20px;padding:32px;margin-bottom:22px}.hero h1{margin:0 0 5px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:0 8px 30px #0f172a0a;margin-bottom:22px}.narrow{max-width:650px;margin:30px auto}.center{text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;font-weight:700;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit}textarea{resize:vertical}.full{grid-column:1/-1}small,.muted{color:var(--muted);font-weight:400}
.btn{display:inline-block;padding:10px 17px;border:0;border-radius:10px;background:#e5e7eb;color:#111827;text-decoration:none;cursor:pointer;font-weight:700;margin:3px}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#e2e8f0}.btn.small{padding:5px 9px;font-size:12px}
.alert{padding:13px 16px;border-radius:10px;margin:0 0 18px}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;text-align:center}.stat b{display:block;font-size:30px;color:var(--primary)}.stat span{color:var(--muted)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:11px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}th{background:#f8fafc}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge-new{background:#dbeafe;color:#1d4ed8}.badge-processing{background:#fef3c7;color:#92400e}.badge-resolved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}
.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:18px}.details{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}.complaint-body,.reply{background:#f8fafc;padding:18px;border-radius:12px;white-space:normal}.reply{margin-top:15px;border-right:4px solid var(--primary)}.detail-head{display:flex;justify-content:space-between;align-items:center}.detail-head h1{display:inline-block;margin-left:10px}.complaint-no{font-size:30px;font-weight:900;color:var(--primary);letter-spacing:2px;margin:15px}.success-icon{width:70px;height:70px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:45px;line-height:70px;margin:auto}.footer{text-align:center;padding:25px;color:var(--muted)}
@media(max-width:750px){.form-grid,.stats,.details,.filters{grid-template-columns:1fr}.full{grid-column:auto}.topbar{display:block}.topbar nav{margin-top:8px}.container{margin-top:20px}}