:root{--bg: #f4f5f2;--surface: #ffffff;--surface-2: #f8f9f6;--border: #e3e5de;--text: #1c211d;--text-2: #4d564f;--muted: #7a847c;--primary: #1f6f5c;--primary-hover: #185a4a;--primary-soft: #e4f1ec;--accent: #d9822b;--good: #1f7a3d;--good-soft: #e3f3e7;--warn: #9a6200;--warn-soft: #fcf0d9;--bad: #b3261e;--bad-soft: #fbe6e4;--info: #1f5fa8;--info-soft: #e3edf9;--sidebar: #16221e;--sidebar-text: #c9d4ce;--sidebar-active: #25382f;--radius: 10px;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 4px 16px rgb(0 0 0 / 5%);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111513;--surface: #1a1f1c;--surface-2: #202622;--border: #2d3530;--text: #e8ece9;--text-2: #b8c1bb;--muted: #8b958e;--primary: #4fb394;--primary-hover: #66c4a6;--primary-soft: #1d3a31;--good: #5cc07c;--good-soft: #1c3324;--warn: #e0a84a;--warn-soft: #3a2e17;--bad: #f07a70;--bad-soft: #3d1f1d;--info: #7aaee8;--info-soft: #1b2a3d;--sidebar: #0c100e;--sidebar-active: #1d2a24;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;color-scheme:dark}}:root[data-theme=dark]{--bg: #111513;--surface: #1a1f1c;--surface-2: #202622;--border: #2d3530;--text: #e8ece9;--text-2: #b8c1bb;--muted: #8b958e;--primary: #4fb394;--primary-hover: #66c4a6;--primary-soft: #1d3a31;--good: #5cc07c;--good-soft: #1c3324;--warn: #e0a84a;--warn-soft: #3a2e17;--bad: #f07a70;--bad-soft: #3d1f1d;--info: #7aaee8;--info-soft: #1b2a3d;--sidebar: #0c100e;--sidebar-active: #1d2a24;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:22px;font-weight:700}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}a{color:var(--primary);text-decoration:none}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.between{justify-content:space-between}.right{margin-left:auto}.page{padding:24px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head h1{margin-right:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:16px}.card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.card-head h2{margin-right:auto;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-2)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.page{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--bad)}.btn.danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:30px;padding:0 10px;font-size:13px}.btn.lg{height:46px;font-size:16px;padding:0 20px}.btn.icon{width:32px;padding:0;height:32px}.field{display:flex;flex-direction:column;gap:4px}.field>label,.label{font-size:12px;font-weight:600;color:var(--text-2)}.input,select.input,textarea.input{height:36px;width:100%;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}textarea.input{height:auto;min-height:72px;padding:8px 10px;resize:vertical}.input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.input.search{max-width:320px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.form-grid .full{grid-column:1 / -1}@media(max-width:600px){.form-grid{grid-template-columns:minmax(0,1fr)}}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-2);white-space:nowrap}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.clickable{cursor:pointer}.table tfoot td{font-weight:700;background:var(--surface-2)}.table .actions{text-align:right;white-space:nowrap}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 12px}.tab{padding:10px 12px;border:none;background:none;font:inherit;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:inherit;font-size:13px;color:var(--text-2);cursor:pointer}.pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info)}.overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:100;overflow-y:auto}.modal{width:100%;max-width:640px;background:var(--surface);border-radius:14px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal.wide{max-width:920px}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin-right:auto}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.kpi{padding:14px 16px}.kpi .label{color:var(--muted);font-weight:500}.kpi .value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}.kpi.hero .value{font-size:26px;color:var(--primary)}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.btn,.tab,.pill{touch-action:manipulation}@media(pointer:coarse){.btn{height:42px}.btn.sm{height:36px}.btn.icon{width:40px;height:40px}.input,select.input{height:42px}.pill{padding:8px 14px}.tab{padding:12px 14px}}@media(max-width:900px){.input,select.input,textarea.input{font-size:16px}.input.search{max-width:none}h1{font-size:19px}.page-head>.btn,.page-head>.input{flex:0 0 auto}.card-head{flex-wrap:wrap}.table th,.table td{padding:8px 10px}.kpi .value{font-size:20px}.kpi.hero .value{font-size:22px}}@media(max-width:600px){.page{padding:12px;gap:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.grid{gap:12px}.page-head h1{flex:1 1 100%}.overlay{padding:0;align-items:stretch}.modal,.modal.wide{max-width:none;min-height:100%;border-radius:0}.modal-head{position:sticky;top:0;z-index:1;background:var(--surface);padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.modal-body{padding:16px;flex:1}.modal-foot{position:sticky;bottom:0;background:var(--surface);flex-wrap:wrap;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal-foot .btn{flex:1 1 auto}}@media(display-mode:standalone){body{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable],.table,.selectable{user-select:text;-webkit-user-select:text}}.print-only{display:none}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:80mm;display:block!important}}