:root{--navy:#13283D;--mid:#47666A;--accent:#7E979B;--light:#D9E3E5;--terra:#CB4D3E;--bg:#F5F7F7;--ok:#1E8E5A;--red:#A93226;--brandnavy:#13283D;--card:#FFFFFF;--chipbg:#D9E3E588;--inputbg:#FFFFFF}body.dark{--navy:#E9F0F3;--mid:#5E8A90;--accent:#8FA6AD;--light:#2C4257;--bg:#0D1B29;--card:#152A3D;--chipbg:#2C425799;--inputbg:#0F2233;--ok:#3BAF7C;--red:#E07A6D}.logowrap{display:inline-flex;align-items:center}body.dark .logowrap{background:#fff;border-radius:8px;padding:4px 10px}.rep-table{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0 14px}.rep-table th{text-align:left;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-bottom:2px solid var(--light)}.rep-table td{padding:6px 8px;border-bottom:1px solid var(--light);color:var(--navy)}.rep-table td.num,.rep-table th.num{text-align:right}.rep-h{font-size:13px;font-weight:700;color:var(--navy);margin:14px 0 4px}@media print{body,body.dark{--navy:#13283D;--mid:#47666A;--accent:#5E7378;--light:#C9D4D6;--bg:#FFFFFF;--card:#FFFFFF;--chipbg:#E7EDEE;--inputbg:#FFFFFF;background:#fff}.no-print,header,nav.bottom,nav.top{display:none!important}main{max-width:100%;padding:0}.card{box-shadow:none;border-color:#C9D4D6}body.dark .logowrap{background:none;padding:0}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit;width:100%;border:1px solid var(--light);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--navy);background:var(--inputbg)}input:focus,select:focus{outline:none;box-shadow:0 0 0 2px #47666A55}label{display:block;margin-bottom:12px}.lbl{font-size:11px;font-weight:600;color:var(--mid);margin-bottom:4px}.card{background:var(--card);border:1px solid #d9e3e5aa;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(19,40,61,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.9}.btn-primary{background:var(--mid);color:#fff}.btn-terra{background:var(--terra);color:#fff}.btn-ghost{background:transparent;color:var(--mid);border:1px solid var(--light)}.btn-full{width:100%}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;background:var(--chipbg);color:var(--mid);white-space:nowrap}.chip-solid{color:#fff}.row{display:flex;align-items:center;gap:8px}.grid2{grid-gap:12px}.grid2,.grid4{display:grid;gap:12px}.grid4{grid-template-columns:1fr 1fr;grid-gap:12px}.formgrid{display:grid;grid-gap:0 16px;gap:0 16px}@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:repeat(4,1fr)}.formgrid{grid-template-columns:1fr 1fr}}.muted{color:var(--accent);font-size:12px}.h2{font-size:16px;font-weight:700;color:var(--navy)}.divider-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--bg);font-size:14px}svg.ic{flex:none}header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--card);box-shadow:0 1px 3px rgba(19,40,61,.08)}.hwrap{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.cintillo{display:flex;height:6px;overflow:hidden}.cintillo .b1{flex:1 1;background:var(--brandnavy)}.cintillo .b2{width:90px;background:var(--mid);transform:skewX(-30deg);margin-left:-12px}.cintillo .b3{width:60px;background:var(--light)}.cintillo .b3,.cintillo .b4{transform:skewX(-30deg);margin-left:6px}.cintillo .b4{width:34px;background:var(--terra);margin-right:-10px}nav.top{display:none;background:var(--card);border-bottom:1px solid #d9e3e588}nav.top .nwrap{max-width:1000px;margin:0 auto;padding:0 16px;display:flex;gap:4px}nav.top button{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:500;color:var(--accent);border-bottom:2px solid transparent}nav.top button.on{color:var(--navy);border-color:var(--terra)}nav.bottom{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);border-top:1px solid var(--light);display:flex;justify-content:space-around;padding:6px 0 8px}nav.bottom button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;color:var(--accent);padding:2px 8px}nav.bottom button.on{color:var(--navy)}nav.bottom button.on svg{stroke:var(--terra)}@media(min-width:760px){nav.top{display:block}nav.bottom{display:none}body{padding-bottom:0}main{padding-bottom:24px}}main{max-width:1000px;margin:0 auto;padding:16px 16px 90px}.login-bg{min-height:100vh;background:var(--brandnavy);display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35)}.err{display:flex;gap:8px;align-items:flex-start;font-size:12px;background:#A9322612;color:var(--red);margin-bottom:12px}.demo,.err{border-radius:8px;padding:10px}.demo{font-size:11px;line-height:1.7;background:var(--bg);color:var(--mid);margin-top:14px}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:60;background:var(--brandnavy);color:#fff;font-size:13px;padding:9px 18px;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px;animation:pop .2s ease}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.kpi{display:flex;justify-content:space-between;align-items:flex-start}.kpi .v{font-size:20px;font-weight:700;margin-top:4px}.kpi .icbox{border-radius:8px;padding:8px}.kpi .t{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.item-card{cursor:pointer}.item-card:hover{box-shadow:0 3px 10px rgba(19,40,61,.12)}.detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--bg);display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 12px;gap:6px 12px;font-size:12px}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs button{padding:7px 14px;border-radius:99px;font-size:12px;font-weight:600;background:var(--card);color:var(--mid);border:1px solid var(--light)}.tabs button.on{background:var(--mid);color:#fff}.barrow{display:grid;grid-template-columns:130px 1fr 78px;align-items:center;grid-gap:8px;gap:8px;margin:7px 0;font-size:11px}.bartrack{background:var(--bg);border-radius:6px;height:16px;overflow:hidden}.barfill{height:100%;background:var(--mid);border-radius:6px}.legend{display:flex;gap:16px;justify-content:center;margin-top:8px;font-size:12px;color:var(--navy)}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}