*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#152040;--navy2:#1e2f54;--gold:#c49a3c;--green:#1d9e75;--green2:#69875a;--p1:#c0392b;--p2:#e67e22;--p3:#27ae60;--bg:#f0f2f5;--white:#fff;--border:#d1d9e6;--text:#2c3e50;--muted:#7f8c8d}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:Poppins,sans-serif;font-size:14px}h1,h2,h3{font-family:Lora,serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.btn{border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy2);color:#fff}.btn-primary:hover{opacity:.88}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{opacity:.88}.btn-danger{background:var(--p1);color:#fff}.btn-danger:hover{opacity:.88}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--border)}.card{background:var(--white);border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000012}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-p1{color:var(--p1);background:#fde8e8}.badge-p2{color:var(--p2);background:#fef3e2}.badge-p3{color:var(--p3);background:#e8f8f1}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{background:var(--navy);color:#fff;text-align:left;z-index:1;padding:10px 12px;font-weight:500;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--border);padding:9px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#f7f9fc}.form-group{margin-bottom:14px}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:8px 10px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--navy2);outline:none}.scale-buttons{gap:6px;display:flex}.scale-btn{border:2px solid var(--border);width:36px;height:36px;color:var(--text);background:#fff;border-radius:50%;font-size:13px;font-weight:600;transition:all .15s}.scale-btn.active{background:var(--navy2);border-color:var(--navy2);color:#fff}.tbl-wrap{border:1px solid var(--border);border-radius:8px;max-height:520px;overflow-y:auto}