@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #21BDBE;--color-primary-d: #189A9B;--color-primary-700:#178485;--color-alert: #F68920;--color-highlight: #FCBC17;--color-ok: #2E9E5B;--color-fail: #D63B3B;--color-ink: #434343;--color-surface: #EEEDEE;--color-white: #FFFFFF;--teal-050: #EDF9F9;--teal-100: #D3F0F0;--teal-focus: rgba(33,189,190,.14);--orange-100: #FDECD8;--orange-700: #C46A12;--yellow-050: #FEF3D2;--yellow-800: #8A6206;--ok-050: #E6F4EC;--ok-700: #2E7D48;--fail-050: #FBE9E9;--fail-700: #C23636;--gray-700: #5E5E5E;--gray-500: #8A8A8A;--gray-400: #9A9A9A;--gray-300: #C8C8C8;--gray-200: #DEDEDE;--gray-100: #F1F0F1;--gray-050: #F6F5F6;--row-hover:#FAFAFA;--fg-1: #434343;--fg-2: #5E5E5E;--fg-3: #8A8A8A;--fg-inverse: #FFFFFF;--fg-accent: #178485;--border-1: rgba(67,67,67,.12);--border-2: rgba(67,67,67,.07);--border-focus: #21BDBE;--font-ui: "IBM Plex Sans Thai","IBM Plex Sans",system-ui,sans-serif;--font-display: "IBM Plex Sans Thai","IBM Plex Sans",system-ui,sans-serif;--font-mono: ui-monospace,"IBM Plex Mono",Menlo,monospace;--fs-display: 34px;--fs-hero: 64px;--fs-h3: 17px;--fs-body: 15px;--fs-sm: 13.5px;--fs-caption: 12px;--fs-micro: 11px;--lh-tight: 1.05;--lh-snug: 1.25;--lh-body: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 6px;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 18px;--radius-pill: 999px;--radius: 12px;--shadow-xs: 0 1px 2px rgba(67,67,67,.06);--shadow-sm: 0 2px 8px rgba(67,67,67,.08);--shadow-md: 0 6px 16px rgba(67,67,67,.1);--shadow-lg: 0 12px 28px rgba(67,67,67,.14);--shadow-modal: 0 24px 60px rgba(0,0,0,.28);--shadow-teal: 0 8px 24px rgba(33,189,190,.28);--shadow-orange:0 8px 24px rgba(246,137,32,.28);--shadow: var(--shadow-sm);--ease-out: cubic-bezier(.2,.8,.2,1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--topbar-h: 64px;--nav-w: 256px;--content-pad: 32px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--color-ink);background:var(--color-surface);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;margin:0 0 .4em;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}a{color:var(--fg-accent)}:focus-visible{outline:2px solid var(--color-alert);outline-offset:3px}.app-header{background:var(--color-white);color:var(--color-ink);padding:12px 20px;border-bottom:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between}.app-header .brand{font-weight:700;font-size:18px;letter-spacing:.3px}.app-header .user{font-size:13px;display:flex;gap:12px;align-items:center}.container{max-width:1240px;margin:0 auto;padding:20px}.card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-sm);padding:20px}.grid{display:grid;gap:16px}.btn{border:1.5px solid transparent;border-radius:var(--radius-pill);padding:10px 20px;font-weight:600;font-size:var(--fs-body);min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-white);color:var(--color-ink);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:not(.btn-primary):not(.btn-cta):not(.btn-danger){border-color:var(--border-1);color:var(--color-ink);background:var(--color-white)}.btn:not(.btn-primary):not(.btn-cta):not(.btn-danger):hover{border-color:var(--color-primary);color:var(--fg-accent)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-d);border-color:var(--color-primary-d);box-shadow:var(--shadow-teal)}.btn-cta{background:var(--color-alert);color:#fff;border-color:var(--color-alert)}.btn-cta:hover{box-shadow:var(--shadow-orange)}.btn-danger{background:var(--color-fail);color:#fff;border-color:var(--color-fail)}.btn-danger:hover{filter:brightness(.95)}.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-1)}.tab{padding:10px 16px;border:none;background:transparent;min-height:40px;font-weight:600;font-size:var(--fs-body);color:var(--fg-2);border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.tab:hover{color:var(--color-ink)}.tab.active{color:var(--fg-accent);border-bottom-color:var(--color-primary)}.score-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 900px){.score-layout{grid-template-columns:1fr}}.cat-block{margin-bottom:16px;background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:16px 18px}.cat-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-1);padding-bottom:10px;margin-bottom:12px}.cat-title strong,.cat-title b{letter-spacing:-.01em}.cat-weight{font-size:var(--fs-caption);color:var(--fg-accent);background:var(--teal-050);padding:3px 10px;border-radius:var(--radius-pill);font-weight:600}.crit-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-2)}.crit-row:last-child{border-bottom:none}.crit-text{flex:1;line-height:var(--lh-body)}.crit-text .code{color:var(--fg-3);font-size:var(--fs-caption);margin-right:6px}.crit-th{color:var(--fg-2);font-size:var(--fs-sm)}.badge-critical{background:var(--fail-050);color:var(--fail-700);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-xs);margin-left:8px;text-transform:uppercase;letter-spacing:.04em}.yna{display:flex;gap:6px}.yna button{min-width:40px;min-height:34px;padding:0 12px;border:1.5px solid var(--border-1);background:#fff;border-radius:var(--radius-sm);font-weight:600;color:var(--gray-400);transition:all var(--dur-base) var(--ease-out)}.yna button:hover{border-color:var(--color-primary);color:var(--fg-accent)}.yna button.sel-yes{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.yna button.sel-no{background:var(--color-fail);color:#fff;border-color:var(--color-fail)}.yna button.sel-na{background:var(--gray-500);color:#fff;border-color:var(--gray-500)}.sticky-score{position:sticky;top:16px}.score-big{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:var(--lh-tight);color:var(--color-primary);letter-spacing:-.015em;font-variant-numeric:tabular-nums}.grade-pill{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:700;min-width:40px;height:40px;padding:0 14px;border-radius:var(--radius-pill);color:#fff;background:var(--color-primary);font-variant-numeric:tabular-nums}.grade-F{background:var(--color-fail)!important}.progress{height:8px;background:var(--gray-200);border-radius:var(--radius-pill);overflow:hidden;margin:6px 0 12px}.progress>div{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width var(--dur-base) var(--ease-out)}.cat-block{border-left:8px solid var(--color-primary)}.cat-title{align-items:flex-start;gap:12px}.cat-head-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.cat-head-l h3{margin:0;font-size:15px;letter-spacing:-.01em}.cat-head-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.cat-earned{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;color:var(--color-ink)}.mini-bar{width:120px;height:6px;background:var(--gray-200);border-radius:var(--radius-pill);overflow:hidden}.mini-bar>div{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width var(--dur-base) var(--ease-out)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-head-actions{display:flex;gap:10px;align-items:center}.wq-split{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media (max-width: 1024px){.wq-split{grid-template-columns:1fr}}.wq-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.wq-toolbar h3{margin:0;font-size:15px}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border-1);background:#fff;font-size:13px;font-weight:600;color:var(--fg-2);transition:all var(--dur-base) var(--ease-out)}.filter-chip .ic{width:15px;height:15px}.filter-chip.on{background:var(--orange-100);border-color:transparent;color:var(--orange-700)}.cov-cell{display:flex;align-items:center;gap:10px}.cov-seg{display:flex;gap:3px}.cov-seg span{width:22px;height:8px;border-radius:3px;background:var(--gray-200)}.cov-seg span.on{background:var(--color-primary)}.cov-n{font-size:12px;color:var(--fg-3);font-variant-numeric:tabular-nums}.tbl-avatar{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--teal-050);color:var(--fg-accent);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none}.tbl-agent{display:flex;align-items:center;gap:10px}.grade-mini{width:28px;height:28px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px}.draft-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border-2)}.draft-row:first-child{border-top:none}.draft-tile{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--gray-050);color:var(--gray-700);display:flex;align-items:center;justify-content:center;flex:none}.draft-meta{flex:1;min-width:0}.draft-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-sub{font-size:12px;color:var(--fg-3)}.draft-go{border:none;background:transparent;color:var(--gray-400);cursor:pointer;padding:4px;display:flex}.draft-go:hover{color:var(--color-primary)}.promo{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:22px;color:#fff;background:linear-gradient(135deg,#21bdbe,#178485);box-shadow:var(--shadow-sm)}.promo .contour{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background:url(/pattern-contours-reversed.svg) center/cover no-repeat;pointer-events:none}.promo>*{position:relative}.promo h4{margin:0 0 6px;font-family:var(--font-display);font-size:17px;font-weight:700}.promo p{margin:0 0 16px;font-size:13px;line-height:1.5;opacity:.92}.btn-inverse{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff29;color:#fff;font-weight:600;border-radius:var(--radius-pill);padding:9px 16px;font-size:13px;font-family:inherit;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}.btn-inverse:hover{background:#ffffff42}.summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.summary-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--color-ink)}.summary-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip-neutral{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--gray-100);color:var(--fg-2)}.setup-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-1)}.fact-label{font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.fact-value{font-size:15px;font-weight:600;color:var(--color-ink)}.stepper{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--gray-050);border:1px solid var(--border-1)}.step-num{width:22px;height:22px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--gray-200);color:var(--gray-500);flex:none}.step-label{font-size:13px;font-weight:600;color:var(--fg-2)}.step.done{background:var(--ok-050);border-color:transparent}.step.done .step-num{background:var(--color-ok);color:#fff}.step.done .step-label{color:var(--ok-700)}.step.current{background:var(--teal-050);border-color:transparent}.step.current .step-num{background:var(--color-primary);color:#fff}.step.current .step-label{color:var(--fg-accent)}.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filters .field{margin:0}.date-field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-2)}.date-field input{padding:8px 10px;border:1.5px solid var(--border-1);border-radius:var(--radius-sm);font-family:inherit;min-height:40px;background:#fff;color:var(--color-ink)}.ans-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.ans-chip.yes{background:var(--ok-050);color:var(--ok-700)}.ans-chip.no{background:var(--fail-050);color:var(--fail-700)}.ans-chip.na{background:var(--gray-100);color:var(--gray-500)}.pw-rules{display:flex;flex-direction:column;gap:9px;margin:14px 0 4px}.pw-rule{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-3)}.pw-rule .ic{width:16px;height:16px;color:var(--gray-300);flex:none}.pw-rule.ok,.pw-rule.ok .ic{color:var(--ok-700)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#43434352;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:440px;max-width:100%;background:#fff;border-radius:18px;box-shadow:var(--shadow-modal);overflow:hidden}.modal-body{padding:28px}.modal-tile{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-tile.danger{background:var(--fail-050);color:var(--fail-700)}.modal-title{margin:0 0 8px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--color-ink);text-transform:uppercase}.modal p{margin:0;font-size:14px;color:var(--fg-2);line-height:1.6}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:var(--row-hover);border-top:1px solid var(--border-1)}.mem-toolbar{display:flex;gap:10px;align-items:center;margin:16px 0}.mem-toolbar .field{margin:0}.mem-toolbar>.grow{flex:1}.mem-list{background:#fff;border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.mem-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 18px;border:none;border-top:1px solid var(--border-2);background:transparent;cursor:pointer;font-family:inherit;transition:background var(--dur-base) var(--ease-out)}.mem-row:first-child{border-top:none}.mem-row:hover{background:var(--row-hover)}.mem-av{width:38px;height:38px;border-radius:var(--radius-pill);background:var(--teal-050);color:var(--fg-accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none}.mem-id{flex:1;min-width:0}.mem-name{display:block;font-size:14px;font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mem-email{display:block;font-size:12.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mem-access{font-size:13px;color:var(--fg-2);white-space:nowrap}.mem-chev{color:var(--gray-300);flex:none;display:flex}.mchip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.mchip .ic{width:14px;height:14px}.mchip.active{background:var(--ok-050);color:var(--ok-700)}.mchip.invited{background:var(--orange-100);color:var(--orange-700)}.mchip.disabled{background:var(--gray-100);color:var(--gray-500)}.mchip.admin{background:var(--teal-050);color:var(--fg-accent)}.mem-danger-label{font-size:11px;color:var(--fail-700);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-right:2px}.role-select{padding:8px 10px;border:1.5px solid var(--border-1);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;min-width:140px;background:#fff;color:var(--color-ink)}.role-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--teal-focus)}.mem-proj-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--border-2)}.mem-proj-row:first-child{border-top:none}.mem-actionbar{position:sticky;bottom:16px;margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:5}.tmpl-split{display:grid;grid-template-columns:35% 1fr;gap:20px;align-items:start}@media (max-width: 1024px){.tmpl-split{grid-template-columns:1fr}}.band-edit{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}.band-edit-row{display:flex;align-items:center;gap:10px}.band-key{width:52px;text-align:center;padding:8px;border:1.5px solid var(--border-1);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:600;color:var(--color-ink)}.band-geq{font-size:13px;color:var(--fg-3);white-space:nowrap}.band-min{width:88px;padding:8px 10px;border:1.5px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:15px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink)}.band-key:focus,.band-min:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--teal-focus)}.band-min:disabled,.band-key:disabled{background:var(--gray-050);color:var(--fg-3)}.badge-bonus{font-size:10px;font-weight:700;background:var(--yellow-050);color:var(--yellow-800);padding:2px 8px;border-radius:var(--radius-xs);margin-left:6px;text-transform:uppercase;letter-spacing:.04em}.tmpl-actions{display:flex;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-1)}.points-badge{font-size:12px;font-weight:600;color:var(--fg-accent);background:var(--teal-050);padding:3px 11px;border-radius:var(--radius-pill);white-space:nowrap}.dash-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px}.widget-head{display:flex;align-items:center;gap:8px}.widget-tools{display:inline-flex;gap:2px;margin-left:auto}.wtool{border:none;background:transparent;cursor:pointer;color:var(--gray-400);padding:5px;border-radius:7px;display:inline-flex;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.wtool:hover{background:var(--gray-050);color:var(--color-ink)}.wtool.danger:hover{color:var(--color-fail);background:var(--fail-050)}.chip-internal{font-size:11px;font-weight:600;color:var(--orange-700);background:var(--orange-100);padding:2px 8px;border-radius:var(--radius-pill)}.chart-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:16px;align-items:start;grid-auto-flow:row dense}.chart-grid .cw{min-width:0}.cw-5{grid-column:span 5}.cw-6{grid-column:span 6}.cw-7{grid-column:span 7}@media (max-width:1000px){.chart-grid{grid-template-columns:1fr}.cw-5,.cw-6,.cw-7{grid-column:1 / -1}}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi-main{display:flex;align-items:center;gap:12px;margin-top:8px}.kpi-main .n{margin:0}.kpi-icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex:none;background:var(--teal-050);color:var(--fg-accent)}.sec-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex:none;background:var(--teal-050);color:var(--fg-accent)}.kpi.k-teal:before{background:var(--color-primary)}.k-teal .kpi-icon,.k-teal.sec-icon{background:var(--teal-050);color:var(--fg-accent)}.kpi.k-green:before{background:var(--color-ok)}.k-green .kpi-icon,.k-green.sec-icon{background:var(--ok-050);color:var(--ok-700)}.kpi.k-orange:before{background:var(--color-alert)}.k-orange .kpi-icon,.k-orange.sec-icon{background:var(--orange-100);color:var(--orange-700)}.kpi.k-red:before{background:var(--color-fail)}.k-red .kpi-icon,.k-red.sec-icon{background:var(--fail-050);color:var(--fail-700)}.kpi.k-ink:before{background:var(--color-ink)}.k-ink .kpi-icon,.k-ink.sec-icon{background:var(--gray-100);color:var(--color-ink)}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-pill);border:1.5px solid var(--gray-300);color:var(--gray-500);font-size:11px;font-weight:700;cursor:help;flex:none;-webkit-user-select:none;user-select:none}.info-tip:hover,.info-tip:focus-visible{border-color:var(--color-primary);color:var(--fg-accent);outline:none}.info-pop{position:absolute;top:calc(100% + 8px);right:0;width:240px;z-index:40;background:var(--color-ink);color:#fff;font-size:12px;font-weight:400;line-height:1.55;padding:10px 12px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base);pointer-events:none}.info-tip:hover .info-pop,.info-tip:focus-visible .info-pop{opacity:1;visibility:visible;transform:translateY(0)}.catalog-list{display:flex;flex-direction:column}.catalog-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border-2)}.catalog-row:first-child{border-top:none}.catalog-name{flex:1;font-size:14px;font-weight:600;color:var(--color-ink)}.fmt-chip{font-size:11px;font-weight:600;color:var(--fg-2);background:var(--gray-100);padding:3px 10px;border-radius:var(--radius-pill)}.donut-wrap{display:flex;align-items:center;gap:20px}.donut-chart{position:relative;flex:1 1 55%;height:100%;min-width:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-pct{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--color-ink);line-height:1}.donut-sub{font-size:12px;color:var(--fg-3);margin-top:2px}.donut-legend{flex:1 1 45%;display:flex;flex-direction:column;gap:12px}.legend-row{display:flex;align-items:center;gap:10px;font-size:13px}.legend-dot{width:12px;height:12px;border-radius:4px;flex:none}.legend-label{flex:1;color:var(--fg-2)}.legend-val{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ink)}.chart-tip{background:#fff;border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px 12px}.chart-tip .k{font-size:11px;color:var(--fg-3);margin-bottom:2px}.chart-tip .v{font-family:var(--font-display);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;color:var(--color-ink)}.meta-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.meta-head .tile{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--teal-050);color:var(--fg-accent);display:flex;align-items:center;justify-content:center;flex:none}.meta-head h3{margin:0;font-size:15px;letter-spacing:-.01em}.field.full{grid-column:1 / -1}.hint-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 12px;flex-wrap:wrap}.score-hint{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-2);flex-wrap:wrap}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--border-1);border-bottom-width:2px;border-radius:6px;background:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--fg-2)}.autosave-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;margin-bottom:12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:#fff;border:1px solid var(--gray-300);color:var(--gray-700)}.rail-card{box-shadow:var(--shadow-md)}.rail-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500)}.rail-hero{display:flex;align-items:baseline;gap:6px;margin:4px 0 12px}.rail-score{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-primary)}.rail-max{font-size:18px;color:var(--gray-500);font-weight:600}.rail-gradeline{display:flex;align-items:center;gap:10px;margin-bottom:16px}.grade-circle{width:44px;height:44px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:20px;flex:none}.grade-A{background:var(--ok-050);color:var(--ok-700)}.grade-B{background:var(--teal-050);color:var(--fg-accent)}.grade-C{background:var(--orange-100);color:var(--orange-700)}.grade-Fx{background:var(--fail-050);color:var(--fail-700)}.status-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.status-chip.pass{background:var(--ok-050);color:var(--ok-700)}.status-chip.fail{background:var(--fail-050);color:var(--fail-700)}.band-ladder{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:10px;background:var(--gray-050);border-radius:var(--radius-md)}.band-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--fg-2);border:1.5px solid transparent}.band-row.on{background:#fff;border-color:var(--color-primary);color:var(--color-ink);font-weight:600}.band-row .g{font-family:var(--font-display);font-weight:700}.rail-cat{margin-bottom:10px}.rail-cat-line{font-size:12px;display:flex;justify-content:space-between;color:var(--fg-2);margin-bottom:4px}.rail-cat-line .v{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink)}.rail-sub{border-top:1px solid var(--border-1);margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:10px}.rail-sub-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2)}.rail-sub-row .ic{width:18px;height:18px;color:var(--color-primary);flex:none}.rail-sub-row.bad,.rail-sub-row.bad .ic{color:var(--fail-700)}.banner{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:12px;font-weight:600;font-size:var(--fs-sm);display:flex;align-items:center;gap:10px;line-height:var(--lh-snug)}.banner-critical{background:var(--orange-100);color:var(--orange-700);border:1px solid rgba(246,137,32,.3)}.banner-locked{background:var(--teal-050);color:var(--fg-accent);border:1px solid rgba(33,189,190,.25)}.banner-error{background:var(--fail-050);color:var(--fail-700);border:1px solid rgba(214,59,59,.25)}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-caption);color:var(--fg-2);margin-bottom:6px;font-weight:500}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border-1);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-body);min-height:40px;color:var(--color-ink);background:#fff;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--teal-focus)}.inline-err{color:var(--color-fail);font-size:var(--fs-caption)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.kpi{position:relative;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-1);box-shadow:var(--shadow-sm);padding:16px 18px;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}.kpi.kpi-orange:before{background:var(--color-alert)}.kpi.kpi-green:before{background:var(--color-ok)}.kpi.kpi-yellow:before{background:var(--color-highlight)}.kpi .n{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--color-ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi .l{font-size:var(--fs-caption);color:var(--fg-2);margin-top:2px}.section-title{margin:24px 0 12px;font-size:var(--fs-h3);font-weight:700;letter-spacing:-.01em}.method-note{font-size:var(--fs-micro);color:var(--fg-3);margin-top:16px}table.mini{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.mini thead th{text-align:left;padding:10px 12px;background:var(--row-hover);color:var(--gray-500);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:1px solid var(--border-1)}table.mini td{text-align:left;padding:12px;border-top:1px solid var(--border-2)}table.mini tbody tr:hover{background:var(--row-hover)}table.mini td.num,table.mini th.num{text-align:right;font-variant-numeric:tabular-nums}.center{display:flex;align-items:center;justify-content:center;height:70vh}.login-box{width:340px}.login-sky{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ddf2fc33,#f0f8fc57 56%,#ffffff85),url(/assets/cloud-login-background.png) center / cover no-repeat}.login-arc{display:none}.login-glass{position:relative;z-index:1;width:480px;max-width:100%;padding:44px 40px;background:var(--color-white);border:1px solid var(--border-1);border-radius:24px;box-shadow:0 24px 60px #1f5a8c33;animation:card-in .55s cubic-bezier(.18,.9,.26,1.2) both}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.icon-tile{width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:var(--color-primary);box-shadow:var(--shadow-teal);display:flex;align-items:center;justify-content:center;color:#fff}.login-glass h2{text-align:center;margin:0 0 6px;color:var(--color-ink);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.015em}.login-glass .sub{text-align:center;font-size:var(--fs-sm);color:var(--fg-2);margin:0 0 22px;line-height:1.5}.in-wrap{position:relative;margin-bottom:12px}.in-wrap .lead{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.in-wrap input{width:100%;padding:13px 42px;border:1.5px solid var(--border-1);border-radius:12px;background:#fff;font-family:inherit;font-size:15px;min-height:50px;color:var(--color-ink);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.in-wrap input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--teal-focus)}.in-wrap .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--gray-500);cursor:pointer;min-height:auto;padding:6px;display:flex}.login-cta{width:100%;margin-top:4px;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-weight:600;min-height:48px;font-family:inherit;font-size:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.login-cta:hover{background:var(--color-primary-d);transform:translateY(-1px);box-shadow:var(--shadow-teal)}.login-cta:active{transform:scale(.98)}.login-cta:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}.login-ghost{width:100%;margin-top:10px;border:1.5px solid var(--border-1);border-radius:var(--radius-pill);background:#fff;color:var(--fg-2);font-weight:600;min-height:44px;font-family:inherit;font-size:14px;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.login-ghost:hover{border-color:var(--color-primary);color:var(--fg-accent)}.login-links{display:flex;justify-content:space-between;margin-top:16px;font-size:var(--fs-sm)}.login-links a{color:var(--fg-accent);cursor:pointer;text-decoration:none;font-weight:500}.login-links a:hover{text-decoration:underline}@media (max-width: 520px){.login-glass{padding:28px 24px}}@media (prefers-reduced-motion: reduce){.login-glass{animation:none}}.auth-page{min-height:100vh;display:grid;grid-template-rows:1fr auto;background:linear-gradient(90deg,#e2f4fc5c,#e2f4fc2e 48%,#ffffff14),url(/assets/cloud-login-background.png) center bottom / cover no-repeat}.auth-main{align-self:center;width:100%;max-width:1440px;margin:0 auto;padding:40px 48px;display:grid;grid-template-columns:48fr 52fr;gap:56px;align-items:stretch}.auth-hero{display:flex;flex-direction:column}.hero-tagline{margin:clamp(16px,6vh,64px) 0 0;max-width:520px;font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.02em;color:var(--color-ink)}.hero-tagline .accent{color:var(--color-primary)}.hero-lede{margin:20px 0 8px;max-width:500px;font-size:16px;line-height:1.7;color:var(--fg-2)}.hero-stats{margin:auto 0 0;display:flex;gap:0;padding-top:28px;max-width:500px}.hero-stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0 14px;border-left:1px solid var(--border-1)}.hero-stat:first-child{padding-left:0;border-left:none}.hero-stat .ico{color:var(--color-primary);margin-bottom:6px}.hero-stat strong{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1.1}.hero-stat .lbl{font-size:var(--fs-sm);color:var(--fg-2)}.auth-panel{display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:540px;padding:48px;border-radius:28px;background:#fffffff0;border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 70px #1e293b24}.auth-card-brand{display:flex;justify-content:flex-start;align-items:center;gap:16px;width:100%;margin:0 0 32px}.card-logo{height:56px;display:block}.auth-wordmark strong{display:block;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.01em;color:var(--color-ink);line-height:1.1}.auth-wordmark span{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-accent);margin-top:3px}.auth-title{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:left;margin:0;color:var(--color-ink)}.auth-sub{text-align:left;font-size:15px;color:var(--fg-2);margin:8px 0 24px;line-height:1.5}.auth-field{margin-bottom:20px}.auth-field>label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--color-ink);margin-bottom:8px}.auth-card .in-wrap input{min-height:52px}.auth-card .login-cta,.auth-card .login-ghost{min-height:52px;border-radius:14px}.auth-divider{display:flex;align-items:center;text-align:center;gap:12px;color:var(--fg-3);font-size:var(--fs-sm);margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-1)}.login-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-note{font-size:13px;margin-top:14px;text-align:center;padding:10px 12px;border-radius:var(--radius-md)}.auth-note.ok{color:var(--ok-700);background:var(--ok-050)}.auth-note.err{color:var(--fail-700);background:var(--fail-050)}.auth-foot{text-align:center;padding:16px 24px 20px;font-size:13px;color:var(--fg-2)}@media (max-width: 1024px){.auth-main{grid-template-columns:1fr;padding:24px}.auth-hero{display:none}.auth-card{max-width:min(500px,calc(100vw - 32px));margin:0 auto}}@media (max-width: 520px){.auth-card{padding:28px 24px}}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{background:#fff;border-bottom:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:var(--topbar-h);position:sticky;top:0;z-index:20}.topbar .logo{height:30px;display:block}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-brand .divider{width:1px;height:26px;background:var(--border-1)}.topbar-wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.01em;text-transform:uppercase;color:var(--color-ink)}.topbar-right{display:flex;align-items:center;gap:14px}.avatar{width:38px;height:38px;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-family:var(--font-ui);flex:none;letter-spacing:.02em}.proj-switch select{padding:8px 12px;border:1.5px solid var(--border-1);border-radius:var(--radius-md);font-family:inherit;font-size:13px;min-height:38px;background:var(--gray-050);color:var(--color-ink)}.lang-toggle{display:flex;background:var(--gray-050);border:1px solid var(--border-1);border-radius:var(--radius-pill);overflow:hidden;padding:2px;gap:2px}.lang-toggle button{border:none;background:transparent;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:600;color:var(--gray-500);min-height:32px;border-radius:var(--radius-pill);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.lang-toggle button.on{background:var(--color-primary);color:#fff}.user-chip{font-size:12px;color:var(--fg-2);display:flex;align-items:center;gap:10px}.shell-body{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:0}@media (max-width: 820px){.shell-body{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{background:#fff;border-right:1px solid var(--border-1);padding:16px}.nav-section{font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);font-weight:600;margin:18px 10px 8px}.nav-section:first-child{margin-top:4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;background:transparent;padding:0 12px;min-height:44px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;color:var(--gray-700);cursor:pointer;margin-bottom:2px;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.nav-item:hover{background:var(--gray-050)}.nav-item.active{background:var(--teal-050);color:var(--fg-accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--color-primary)}.nav-item .ic{width:20px;height:20px;flex:none}.nav-item .count{margin-left:auto;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--gray-100);color:var(--gray-500)}.nav-item.active .count{background:var(--color-primary);color:#fff}.content{padding:28px 40px;min-width:0;max-width:1600px;margin-inline:auto;width:100%}.page-title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;text-transform:uppercase;letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:var(--lh-snug);margin:0 0 6px;color:var(--color-ink)}.page-sub{font-size:var(--fs-sm);color:var(--fg-2);margin:0 0 20px}.empty-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-sm);padding:48px;text-align:center;color:var(--fg-2)}@media print{.topbar,.sidebar,.dash-actions,.widget-tools,.wtool,.info-tip,.no-print{display:none!important}.shell,.shell-body,.content{display:block!important}.content{max-width:none!important;margin:0!important;padding:0!important}html,body,.shell,.shell-body,.content,.card,.kpi{background:#fff!important}.card,.kpi{box-shadow:none!important;border:1px solid #dcdcdc!important;break-inside:avoid;page-break-inside:avoid}.kpi-row,.chart-grid,.cw{break-inside:avoid;page-break-inside:avoid}.page-title{font-size:26px!important}@page{margin:12mm}}