*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f4f8;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.loading{color:#1f5c99;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}:root{--navy:#1f5c99;--blue:#2e75b6;--light-blue:#eaf2fb;--green:#1e7a4a;--light-green:#e6f4ec;--orange:#c45a00;--light-orange:#fdf0e4;--red:#a31515;--light-red:#fae8e8;--gray:#555;--light-gray:#f2f2f2;--white:#fff;--shadow:0 2px 8px #0000001a;--radius:8px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card p,.card span,.card td,.card th,.card label{font-size:1rem}.card h2{font-size:1.3rem}.card h3{font-size:1.1rem}.card table{font-size:1rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1.3rem;font-size:1rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{background:var(--light-blue);color:var(--navy)}.btn-danger{background:var(--red);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-warning{background:var(--orange);color:#fff}.badge{text-transform:uppercase;border-radius:999px;padding:.25rem .7rem;font-size:.9rem;font-weight:700;display:inline-block}.badge-green{background:var(--light-green);color:var(--green)}.badge-orange{background:var(--light-orange);color:var(--orange)}.badge-red{background:var(--light-red);color:var(--red)}.badge-blue{background:var(--light-blue);color:var(--navy)}.badge-gray{background:var(--light-gray);color:var(--gray)}.form-group{margin-bottom:1rem}.form-group label{color:var(--gray);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-group input{border-radius:var(--radius);border:1.5px solid #ddd;width:100%;padding:.6rem .9rem;font-size:.95rem;transition:border-color .15s}.form-group input:focus{border-color:var(--blue);outline:none}.error-msg{color:var(--red);background:var(--light-red);border-radius:var(--radius);margin-top:.5rem;padding:.5rem;font-size:.85rem}.success-msg{color:var(--green);background:var(--light-green);border-radius:var(--radius);margin-top:.5rem;padding:.5rem;font-size:.85rem}