:root{--navy: #17214D;--navy-2: #22304E;--navy-3: #34436A;--navy-mid: #2B4170;--navy-light: #8A9BB8;--blue-soft: #E6EAF2;--gold: #D3860C;--gold-mid: #B08A35;--gold-light: #E2CB8F;--gold-soft: #F7F0DF;--gold-dark: #6E5418;--ground: #F4F3EF;--surface: #FFFFFF;--line: #E1E3DC;--line-soft: #EEF0EA;--muted: #5A6372;--text-2: #3C4658;--red: #9A3A2E;--red-soft: #FBE7E2;--red-bar: #E7A496;--font-display: "Archivo Variable", "Archivo", system-ui, sans-serif;--font-body: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--radius: 14px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--navy);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--navy-mid)}a:hover{color:var(--navy)}h1,h2,h3,.display{font-family:var(--font-display);font-stretch:112%;margin:0;text-wrap:balance}h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.01em}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;background:var(--navy);color:#e8ecf3;padding:28px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;text-decoration:none;color:inherit}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-stretch:112%;font-weight:800;font-size:17px}.brand-name{font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:16px;color:#fff}.brand-sub{font-size:12px;color:#a9b3c6}.brand-logo{flex-direction:column;align-items:center;gap:2px}.brand-logo .brand-sub{letter-spacing:.18em;text-transform:uppercase;font-size:11px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#c9d1df;text-decoration:none}.nav a svg{flex:0 0 auto}.nav a:hover{background:var(--navy-2);color:#fff}.nav a.router-link-active{background:var(--navy-2);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-user{font-size:13px;color:#a9b3c6;padding:0 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.main{flex:1 1 auto;min-width:0;padding:32px 40px 64px;display:flex;flex-direction:column;gap:24px;max-width:1440px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.page-head>div:first-child{display:flex;flex-direction:column;gap:4px}.bottom-nav,.fab{display:none}@media(max-width:900px){.sidebar{display:none}.main{padding:20px 16px 120px;gap:18px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(10px + env(safe-area-inset-bottom,0px))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:var(--muted);text-decoration:none;font-size:11.5px}.bottom-nav a.router-link-active{color:var(--navy);font-weight:700}.fab{display:flex;position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:31;width:60px;height:60px;border-radius:50%;background:var(--gold);color:var(--navy);align-items:center;justify-content:center;box-shadow:0 6px 18px #17214d47}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}.card.dark{background:var(--navy);border-color:var(--navy);color:#e8ecf3}.card.dark h2{color:#fff}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.card-head>div{display:flex;flex-direction:column;gap:2px}@media(max-width:600px){.card{padding:18px 16px}}.row{display:flex;flex-wrap:wrap;gap:16px}.row>.grow{flex:999 1 560px;min-width:0}.row>.side{flex:1 1 320px;min-width:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:13px;color:var(--muted);font-weight:600}.kpi .value{font-family:var(--font-display);font-stretch:112%;font-size:30px;font-weight:750;font-variant-numeric:tabular-nums}.kpi .sub{font-size:13px;color:var(--muted)}.kpi.accent{background:var(--gold-soft);border-color:#e6d3a3}.kpi.accent .label,.kpi.accent .sub{color:var(--gold-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #C9CDC3;background:var(--surface);color:var(--navy);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--navy-light)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-2)}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}.btn.gold:hover{background:#e0992a}.btn.small{min-height:36px;padding:0 12px;font-size:14px;border-radius:8px}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red)}.pill{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;background:var(--line-soft);color:var(--text-2)}.pill.gold{background:var(--gold-soft);color:var(--gold-dark)}.pill.navy{background:var(--blue-soft);color:var(--navy)}.pill.red{background:var(--red-soft);color:#8e2f23}.pill.dark{background:var(--navy);color:#fff}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:8px 14px;border-radius:7px;font:inherit;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--navy);color:#fff;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid #DADDD4;background:var(--surface);color:var(--navy);font:inherit;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:var(--gold-light);color:var(--navy);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:14px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:4px;border-bottom:1px solid #DADDD4;overflow-x:auto}.tabs button{border:0;background:transparent;padding:12px 16px;font:inherit;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--navy);font-weight:700;border-bottom-color:var(--navy)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}table.data th{text-align:left;font-size:13px;color:var(--muted);font-weight:600;padding:10px 12px}table.data td{padding:12px;border-top:1px solid var(--line-soft);vertical-align:middle}table.data th:first-child,table.data td:first-child{padding-left:0}table.data th:last-child,table.data td:last-child{padding-right:0}table.data .r{text-align:right}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:#fafaf7}.list-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:12px 0;border-top:1px solid var(--line-soft)}.list-row .body{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}.bar-track{height:10px;background:var(--line-soft);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:7px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block;flex:0 0 auto}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.field .label{font-size:13px;color:var(--muted);font-weight:600}.input,.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{min-height:46px;border:1px solid #D5D9CF;border-radius:10px;background:var(--surface);padding:0 12px;font:inherit;font-size:15px;color:var(--navy);width:100%}.field textarea{padding:10px 12px;min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #c9a44c59}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500}.check input{width:20px;height:20px;accent-color:var(--navy)}.error{color:var(--red);font-size:13px}.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#17214d73;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:640px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 50px #17214d40}.modal.wide{max-width:980px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width:600px){.modal-backdrop{padding:0;align-items:stretch}.modal{border-radius:0;min-height:100%;padding:18px 16px}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px;z-index:60;font-weight:600;box-shadow:0 8px 24px #17214d4d}@media(max-width:900px){.toast{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.empty{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed #D5D9CF;border-radius:12px}.loading{color:var(--muted);padding:40px 0;text-align:center}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--navy)}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:18px}.auth-card .brand{padding:0}.auth-card .brand-name{color:var(--navy)}.auth-card .brand-sub{color:var(--muted)}.notice{background:var(--gold-soft);color:var(--gold-dark);padding:10px 12px;border-radius:8px;font-size:14px}