@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--gold: #C9A84C;--gold-l: #E8C97A;--gold-d: #9A7A2E;--gold-bg: rgba(201, 168, 76, .1);--ink: #1A1612;--ink2: #2E2820;--ink3: #3D3530;--surf: #F7F3EE;--surf2: #EDE8E0;--surf3: #E0D9CE;--white: #FEFCF8;--text: #2E2820;--muted: #7A6F62;--lite: #A89E90;--green: #3A7D5A;--gbg: #EBF5EF;--red: #B84040;--rbg: #FAEAEA;--blue: #3A5A8C;--bbg: #EAF0FA;--oran: #C06A2A;--obg: #FDF0E5;--purp: #6B4A9E;--pbg: #F2EEFA;--teal: #2A7A7A;--tbg: #E6F5F5;--sidebar: 240px;--radius: 10px;--radius-sm: 7px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;background:var(--surf);font-family:DM Sans,sans-serif;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surf3);border-radius:3px}h1,h2,h3{font-family:"DM Serif Display",serif}.text-gold{color:var(--gold)}.text-muted{color:var(--muted)}.text-red{color:var(--red)}.text-green{color:var(--green)}.fw-700{font-weight:700}.fw-600{font-weight:600}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-green{background:var(--gbg);color:var(--green)}.badge-red{background:var(--rbg);color:var(--red)}.badge-gold{background:var(--gold-bg);color:var(--gold-d)}.badge-blue{background:var(--bbg);color:var(--blue)}.badge-orange{background:var(--obg);color:var(--oran)}.badge-purple{background:var(--pbg);color:var(--purp)}.badge-teal{background:var(--tbg);color:var(--teal)}.badge-gray{background:var(--surf2);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;font-family:DM Sans,sans-serif}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--ink)}.btn-primary:hover{background:var(--gold-l)}.btn-secondary{background:var(--surf2);color:var(--text);border:1px solid var(--surf3)}.btn-secondary:hover{background:var(--surf3)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--surf3)}.btn-ghost:hover{background:var(--surf2)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--green);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.form-control{width:100%;padding:9px 12px;border:1.5px solid var(--surf3);border-radius:var(--radius-sm);font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--white);transition:border-color .15s;outline:none}.form-control:focus{border-color:var(--gold)}.form-control:disabled{background:var(--surf2);color:var(--muted)}.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}.form-group{margin-bottom:14px}.tbl-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--surf3)}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:var(--white);border-bottom:2px solid var(--surf3)}thead th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}tbody tr{border-bottom:1px solid var(--surf2);background:var(--white)}tbody tr:hover{background:var(--surf)}tbody td{padding:11px 14px;color:var(--text)}.card{background:var(--white);border:1px solid var(--surf3);border-radius:var(--radius);padding:20px}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px}.alert-warn{background:var(--obg);color:var(--oran);border:1px solid rgba(192,106,42,.2)}.alert-info{background:var(--bbg);color:var(--blue);border:1px solid rgba(58,90,140,.2)}.alert-success{background:var(--gbg);color:var(--green);border:1px solid rgba(58,125,90,.2)}.spinner{width:20px;height:20px;border:2px solid var(--surf3);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-family:"DM Serif Display",serif;font-size:24px;color:var(--ink)}.page-sub{font-size:13px;color:var(--muted);margin-top:3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.kpi{background:var(--white);border:1px solid var(--surf3);border-radius:var(--radius);padding:16px 20px;border-top:3px solid var(--gold)}.kpi-val{font-size:26px;font-weight:700;color:var(--ink);margin:6px 0 3px}.kpi-lbl{font-size:12px;color:var(--muted);font-weight:500}.kpi-icon{font-size:18px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--white);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--surf2)}.modal-title{font-size:16px;font-weight:700;color:var(--ink)}.modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:var(--surf2)}.modal-body{padding:20px 22px}.modal-footer{padding:14px 22px;border-top:1px solid var(--surf2);display:flex;justify-content:flex-end;gap:8px}