:root{--brand: #2563EB;--brand-deep: #1E4FC2;--brand-line: #BFD4F9;--brand-soft: #DBE7FD;--brand-softer: #EFF4FE;--brand-hover: #E7EFFC;--ink: #0B1B33;--ink-2: #3A4A63;--ink-3: #55657D;--ink-4: #7E8CA3;--line: #D6E0F0;--line-strong: #C4D3EA;--line-soft: #E8EEF6;--page-bg: #EAEFF7;--side-bg: #F1F5FB;--head-bg: #E8EFFA;--row-alt: #F2F6FD;--muted-bg: #E4EBF5;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--shadow-1: 0 1px 2px rgba(11, 27, 51, .06), 0 3px 10px rgba(11, 27, 51, .06);--shadow-2: 0 10px 30px rgba(11, 27, 51, .16), 0 3px 10px rgba(11, 27, 51, .08)}*{box-sizing:border-box;margin:0}body{background:var(--page-bg);font-family:IBM Plex Sans Thai,Tahoma,sans-serif}.card,.detail,.tw,.kpi,.cluster,.ovh,.hero,.box,.fhead,.foot,.row{box-shadow:var(--shadow-1)}.modal{box-shadow:var(--shadow-2)}button.row:hover{box-shadow:0 4px 14px #0b1b331f}.save{box-shadow:0 2px 8px #2563eb47}aside{box-shadow:2px 0 10px #0b1b330d}