*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f1f5f9;min-height:100vh;font-family:Segoe UI,sans-serif}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:.95rem;font-weight:600;transition:opacity .2s;display:block}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:10px;padding:13px;font-size:.95rem;font-weight:600}.btn-outline:hover{color:#6366f1;border-color:#6366f1}.btn-sm{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-logout{color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef44442e;border-radius:6px;width:100%;padding:7px;font-size:.78rem;transition:all .15s}.btn-logout:hover{background:#ef44441f}.btn-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:.85rem}.form-group{margin-bottom:18px}.form-group label{color:#64748b;margin-bottom:7px;font-size:.82rem;font-weight:500;display:block}.input-wrap input,.input-wrap select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:border .2s}.input-wrap input:focus,.input-wrap select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.input-wrap input::placeholder{color:#94a3b8}.error-msg{color:#dc2626;background:#ef44440f;border:1px solid #ef444433;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.83rem}.success-msg{color:#16a34a;background:#22c55e0f;border:1px solid #22c55e2e;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.83rem}.badge{border-radius:50px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge-green{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33}.badge-red{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.badge-blue{color:#6366f1;background:#6366f114;border:1px solid #6366f133}.badge-gray{color:#64748b;background:#64748b14;border:1px solid #64748b33}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:22px}.card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title{color:#0f172a;font-size:.95rem;font-weight:600}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.78rem;font-weight:500}td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px}tr:last-child td{border-bottom:none}tr:hover td{background:#6366f108}