*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f15e22;--orange-dark:#d44e16;--navy:#051c36;--navy-light:#0a2d56;--white:#fff;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-500:#888;--gray-800:#222;--danger:#e53935;--success:#2e7d32;--font:"Inter", system-ui, sans-serif;--radius:8px;--shadow:0 2px 8px #0000001a}body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);min-height:100vh}button{cursor:pointer;border-radius:var(--radius);font-family:var(--font);border:none;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--orange-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover:not(:disabled){opacity:.8}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){opacity:.85}.btn-sm{padding:.3rem .7rem;font-size:.78rem}input,select,textarea{font-family:var(--font);border:1.5px solid var(--gray-200);border-radius:var(--radius);outline:none;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--orange)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:1.5px solid var(--gray-200);padding:.6rem 1rem;font-size:.72rem;font-weight:700}td{border-bottom:1px solid var(--gray-200);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-100)}.badge{text-transform:uppercase;border-radius:99px;padding:.18rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.badge-active{color:var(--success);background:#e8f5e9}.badge-inactive{color:var(--danger);background:#fce4e4}.badge-warning{color:#e65100;background:#fff3e0}.error-msg{color:var(--danger);margin-top:.4rem;font-size:.85rem}.success-msg{color:var(--success);margin-top:.4rem;font-size:.85rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{color:var(--navy);font-size:1.35rem;font-weight:700}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius);width:100%;max-width:440px;padding:2rem;box-shadow:0 8px 32px #0003}.modal h2{color:var(--navy);margin-bottom:1.2rem;font-size:1.1rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--gray-800);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}