*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4f46e5;--primary-h: #4338ca;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #f1f5f9;--card: #ffffff;--sidebar: #1e1b4b;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--radius: 10px}body{font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid var(--border);border-radius:6px;padding:8px 12px;outline:none;width:100%;background:#fff;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}label{font-size:13px;font-weight:500;color:var(--muted);display:block;margin-bottom:4px}.form-group{margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-h)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}.btn-sm{padding:5px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px #00000014;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:2px solid var(--border)}td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.badge-green{background:#d1fae5;color:#065f46}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#f1f5f9;color:#475569}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal h2{font-size:18px;font-weight:700;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.alert{padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#d1fae5;color:#065f46}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{display:flex;justify-content:center;padding:60px}.stat-card{display:flex;flex-direction:column;gap:6px}.stat-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.stat-card .value{font-size:26px;font-weight:800}.stat-card .sub{font-size:12px;color:var(--muted)}.stat-card .icon{font-size:28px;margin-bottom:4px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-animate{animation:cardEnter .4s ease-out both}.stat-card{transition:transform .2s ease,box-shadow .2s ease;cursor:default}.stat-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000021}.search-bar{padding:8px 14px;border-radius:8px;min-width:240px}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}