body{font-family:Poppins,Arial,sans-serif;background:#f5f7fb;color:#1f2937;margin:0}
a{text-decoration:none;color:#0f5fd1}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:24px}.topbar{background:#111827;color:#fff}.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.brand{font-size:22px;font-weight:700;color:#fff}.nav a{color:#fff;margin-left:16px}.card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06);padding:20px;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.stat{font-size:28px;font-weight:700}.muted{color:#6b7280}.btn{display:inline-block;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.btn-primary{background:#0f5fd1;color:#fff}.btn-secondary{background:#e5e7eb;color:#111827}.btn-danger{background:#dc2626;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn-warning{background:#d97706;color:#fff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.table th{background:#f9fafb}.input,.select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box}.form-group{margin-bottom:16px}.alert{padding:14px 16px;border-radius:12px;margin-bottom:16px}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.login-wrap{max-width:420px;margin:90px auto}.article img{max-width:100%;height:auto;border-radius:12px}.small{font-size:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge-active{background:#dcfce7;color:#166534}.badge-pause{background:#f3f4f6;color:#374151}@media(max-width:900px){.grid-4,.grid-2{grid-template-columns:1fr}.topbar .container{flex-direction:column;gap:10px;align-items:flex-start}}