@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+HK:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy-950:#07141f;--navy-900:#0b1b2b;--navy-800:#10263f;--navy-700:#16324f;--navy-600:#1c3450;--steel-500:#5b6b7a;--steel-400:#7a90a4;--steel-300:#9aa7b2;--steel-200:#d5dde4;--border:#263746;--border-soft:#314454;--paper:#071018;--white:#fff;--body-text:#fff;--surface:#10202d;--surface-elevated:#142b3c;--surface-muted:#0b1823;--surface-text:#f5f8fb;--surface-border:#345064;--link:var(--cyan);--sidebar-bg:#0b1b2b;--sidebar-text:#dbe7ef;--sidebar-muted:#8fa3b6;--sidebar-active:#193b5f;--sidebar-border:#1c3450;--status-text-inverse:#fff;--status-neutral-bg:#68798a;--status-neutral-fg:#fff;--status-info-bg:#1aa9c4;--status-info-fg:#07141f;--status-warning-bg:#d49a20;--status-warning-fg:#fff;--status-success-bg:#2eaa73;--status-success-fg:#fff;--status-danger-bg:#d84343;--status-danger-fg:#fff;--alert-danger-bg:#3a1d25;--alert-danger-fg:#ffb7bd;--cyan:#2dd4ee;--cyan-deep:#00a9ce;--teal-deep:#0b6478;--teal-panel:#eefcff;--teal-panel-border:#bfeefa;--teal-panel-fg:#0b6478;--green:#3fb87f;--green-panel:#eafaf1;--green-panel-border:#b6ebce;--green-panel-fg:#1c6b45;--amber:#e0a72c;--amber-panel:#fdf3e0;--amber-panel-fg:#7a5a12;--red:#d84343;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Noto Sans HK", sans-serif;--radius:8px;--radius-sm:6px;--shadow-card:0 10px 28px #0000003d}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--border:#e2e8ee;--border-soft:#edf1f4;--paper:#f4f7fa;--shadow-card:0 1px 2px #0b1b2b0a;--body-text:var(--navy-900);--surface:#fff;--surface-elevated:#fff;--surface-muted:#f4f7fa;--surface-text:var(--navy-900);--surface-border:#e2e8ee;--link:var(--navy-800);--sidebar-bg:#eef3f6;--sidebar-text:var(--navy-900);--sidebar-muted:#5b6b7a;--sidebar-active:#dcecf5;--sidebar-border:#cbd9e2;--status-neutral-bg:#eceff2;--status-neutral-fg:#5b6b7a;--status-info-bg:#2dd4ee;--status-info-fg:#0b1b2b;--status-warning-bg:#e0a72c;--status-warning-fg:#fff;--status-success-bg:#3fb87f;--status-success-fg:#fff;--status-danger-bg:#d84343;--status-danger-fg:#fff;--alert-danger-bg:#fff1f2;--alert-danger-fg:#8f2f2f}:root[data-theme=dark]{--surface:#10202d;--surface-elevated:#142b3c;--surface-muted:#0b1823;--surface-text:#f5f8fb;--surface-border:#345064;--link:var(--cyan);--sidebar-bg:#0b1b2b;--sidebar-text:#dbe7ef;--sidebar-muted:#8fa3b6;--sidebar-active:#193b5f;--sidebar-border:#1c3450;--teal-panel:#103744;--teal-panel-border:#1a7182;--teal-panel-fg:#7de3f5;--green-panel:#123b2c;--green-panel-border:#22754f;--green-panel-fg:#7be0ac;--amber-panel:#443617;--amber-panel-fg:#f0c778}*{box-sizing:border-box}body,.sidebar,.topbar,section,.card,.stat-card,.table-card,table,input,select,textarea,button,.sidebar__link{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-height:100vh;color:var(--body-text);font-family:var(--font-body);margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:.015em;margin:0 0 .6em;font-weight:700;line-height:1.1}h1{font-size:clamp(1.7rem,3vw,1.9rem)}h2{margin-top:1.4em;font-size:clamp(1.2rem,2vw,1.3rem)}h3{color:var(--navy-800);font-size:1.05rem}section h1,section h2,section h3,.card h1,.card h2,.card h3,.stat-card h1,.stat-card h2,.stat-card h3{color:var(--surface-text)}a{color:var(--link);-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}a:hover{color:var(--cyan-deep)}button,input,select,textarea{font:inherit}button,a>button{border:1px solid var(--navy-900);border-radius:var(--radius-sm);background:var(--navy-900);min-height:40px;color:var(--white);cursor:pointer;font-family:var(--font-display);letter-spacing:.02em;padding:9px 18px;font-size:.95rem;font-weight:700;transition:transform .12s,background .12s,opacity .12s}button:hover:not(:disabled){background:var(--cyan-deep)}button[aria-pressed=true]{border-color:var(--navy-900);background:var(--navy-900);color:var(--white)}button:disabled{cursor:not-allowed;opacity:.45}button.btn-accent{border-color:var(--cyan);background:var(--cyan);color:var(--navy-900)}button.btn-accent:hover:not(:disabled){background:var(--cyan-deep);color:var(--white)}button.btn-ghost{border-color:var(--border);background:var(--surface);color:var(--surface-text)}button.btn-ghost:hover:not(:disabled){background:var(--paper)}button.btn-positive{border-color:var(--status-success-bg);background:var(--status-success-bg)}button.btn-positive:hover:not(:disabled){background:#35a06e}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}label,dt{color:var(--steel-500);font-family:var(--font-display);letter-spacing:.03em;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}input:not([type=file]),select,textarea{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-elevated);width:100%;min-height:44px;color:var(--surface-text);padding:10px 12px}input[type=file]{border:1px dashed var(--steel-200);border-radius:var(--radius-sm);background:var(--surface-elevated);width:100%;color:var(--surface-text);padding:12px}form{gap:12px;display:grid}fieldset{min-width:0;margin:0}fieldset.card{gap:10px;display:grid}legend{color:var(--steel-500);font-family:var(--font-display);letter-spacing:.03em;padding:0 0 10px;font-size:.9rem;font-weight:700}section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);color:var(--surface-text);margin:24px 0;padding:20px}nav{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}dl{border-top:1px solid var(--border-soft);grid-template-columns:minmax(130px,.35fr) 1fr;gap:0;display:grid}dt,dd{border-bottom:1px solid var(--border-soft);margin:0;padding:12px 10px}table{border-collapse:collapse;background:var(--surface);width:100%;color:var(--surface-text)}th,td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;padding:12px 16px;font-size:.9rem}th{background:var(--surface-muted);color:var(--surface-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}tbody tr:hover{background:#2dd4ee0f}[role=group]{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}[role=group] button{border:1px solid var(--steel-200);background:var(--surface);color:var(--surface-text);font-family:var(--font-body);letter-spacing:normal;text-transform:none;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:600}[role=group] button[aria-pressed=true]{border-color:var(--navy-900);background:var(--navy-900);color:var(--white)}[role=alert]{border:1px solid var(--status-danger-bg);border-radius:var(--radius);background:var(--alert-danger-bg);color:var(--alert-danger-fg);padding:12px 16px}[role=status]{border:1px solid var(--green-panel-border);border-radius:var(--radius);background:var(--green-panel);color:#1c6b45;padding:12px 16px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:232px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;padding:20px 0;display:flex}.sidebar__brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:0 20px 20px;display:flex}.sidebar__brand img{height:30px}.sidebar__product{font-family:var(--font-display);letter-spacing:.06em;color:var(--sidebar-muted);font-size:13px;line-height:1.3}.sidebar__label{color:var(--sidebar-muted);letter-spacing:.08em;text-transform:uppercase;padding:16px 12px 4px;font-size:11px}.sidebar__link{border-radius:var(--radius-sm);color:var(--sidebar-text);font-family:var(--font-body);letter-spacing:normal;text-align:left;cursor:pointer;background:0 0;border:none;margin:2px 8px;padding:10px 12px;font-size:14px;font-weight:400;text-decoration:none;display:block}.sidebar__link:hover{color:var(--white);background:#ffffff0f}.sidebar__link--sub{color:var(--sidebar-muted);margin:2px 8px 2px 20px;padding:9px 12px;font-size:13px}.sidebar__link.is-active{background:var(--sidebar-active);color:var(--sidebar-text)}.sidebar__spacer{flex:1}.sidebar__footer{border-top:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:14px 20px;display:flex}.sidebar__avatar{background:var(--cyan);width:32px;height:32px;color:var(--navy-900);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar__role{color:var(--white);font-size:13px}.sidebar__logout{min-height:unset;color:var(--sidebar-muted);font-family:var(--font-body);letter-spacing:normal;text-transform:none;background:0 0;border:none;padding:0;font-size:12px;font-weight:400}.sidebar__logout:hover:not(:disabled){color:var(--cyan);background:0 0}.content-column{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);height:60px;color:var(--surface-text);flex-shrink:0;align-items:center;gap:16px;padding:0 28px;display:flex}.workspace main>h1,.workspace main>h2,.workspace main>h3,.workspace main>p{color:var(--body-text)}.topbar__breadcrumb{color:var(--steel-500);font-size:13px}.topbar__spacer{flex:1}.topbar__meta{font-family:var(--font-display);letter-spacing:.05em;color:var(--steel-300);font-size:12px}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:44px;min-height:44px;color:var(--surface-text);border-radius:999px;padding:4px;font-family:sans-serif;font-size:18px;line-height:1}.theme-toggle:hover:not(:disabled){background:var(--paper);color:var(--cyan-deep)}.workspace{flex:1;padding:28px 32px 60px;overflow:auto}.workspace main{width:auto;min-height:0;box-shadow:none;background:0 0;border:none;margin:0;padding:0}.workspace main>header{border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:0;display:flex}.annotation-workspace{z-index:20;height:100dvh;color:var(--body-text);inset:0;overflow:auto;background:var(--paper)!important;border:0!important;border-radius:0!important;width:100vw!important;min-height:0!important;margin:0!important;padding:clamp(12px,2vw,24px)!important;position:fixed!important}.annotation-editor{min-width:0}.annotation-editor__toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.annotation-editor__toolbar button{min-width:44px}.annotation-editor__canvas{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-elevated);touch-action:none;width:100%;min-width:0;overflow:hidden}.annotation-editor__canvas>.konvajs-content{max-width:100%}.pill{white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.status-pill[data-status=draft]{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.status-pill[data-status=processing]{background:var(--status-info-bg);color:var(--status-info-fg)}.status-pill[data-status=review]{background:var(--status-warning-bg);color:var(--status-warning-fg)}.status-pill[data-status=returned]{background:var(--status-danger-bg);color:var(--status-danger-fg)}.status-pill[data-status=approved],.status-pill[data-status=exported]{background:var(--status-success-bg);color:var(--status-success-fg)}.status-pill[data-status=published]{background:var(--status-info-bg);color:var(--status-info-fg)}.status-pill[data-status=failed]{background:var(--status-danger-bg);color:var(--status-danger-fg)}.severity-pill{color:var(--status-text-inverse)}.severity-pill[data-severity=normal]{background:var(--status-success-bg)}.severity-pill[data-severity=elevated]{background:var(--status-warning-bg)}.severity-pill[data-severity=significant]{background:var(--status-danger-bg)}.severity-pill[data-severity=mixed],.severity-pill[data-severity=unknown]{background:var(--steel-400)}.role-pill{background:var(--surface-muted);color:var(--surface-text)}.integration-pill[data-ok=true]{background:var(--status-success-bg);color:var(--status-success-fg)}.integration-pill[data-ok=false]{background:var(--status-danger-bg);color:var(--status-danger-fg)}.field-count--over{color:var(--status-danger-bg)}.text-success{color:var(--status-success-bg)}.text-muted{color:var(--steel-400)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--surface-text);box-shadow:var(--shadow-card);padding:16px}.stat-card__label{color:var(--steel-500);margin-bottom:4px;font-size:12px}.stat-card__value{font-size:15px;font-weight:600}.stat-card__value--big{font-family:var(--font-display);font-size:22px;font-weight:700}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--surface-text);box-shadow:var(--shadow-card);padding:20px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--cyan)}.table-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.table-card table{box-shadow:none}.unified-evidence-upload__dropzone{border:1px dashed var(--surface-border);border-radius:var(--radius);background:var(--surface-muted);color:var(--steel-300);flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:16px;font-size:13px;display:flex}.unified-evidence-upload__tickets{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.unified-evidence-upload__tickets li{border-radius:var(--radius-sm);background:var(--status-info-bg);color:var(--status-info-fg);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.unified-evidence-upload__tickets progress{min-width:120px;accent-color:var(--cyan);flex:100%}.unified-evidence-upload__ticket-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.unified-evidence-upload__tickets li[data-status=failed]{background:var(--status-danger-bg);color:var(--status-danger-fg)}.unified-evidence-upload__tickets li img{object-fit:cover;border-radius:var(--radius-sm);width:32px;height:32px}.unified-evidence-upload__filters{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.filter-tab{border:1px solid var(--surface-border);background:var(--surface);color:var(--surface-text);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px}.filter-tab[data-active]{background:var(--accent,var(--status-info-bg));color:var(--status-info-fg);border-color:#0000}.unified-evidence-upload__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0 0 16px;padding:0;list-style:none;display:grid}.evidence-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:12px;display:flex}.evidence-card[data-flagged]{border-color:var(--amber)}.evidence-card__body{flex-direction:column;gap:8px;display:flex}.evidence-card__meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.evidence-card__filename{font-weight:600}.evidence-card__category{color:var(--steel-300);flex-direction:column;gap:4px;font-size:12px;display:flex}.evidence-card__description-editor{gap:6px;display:grid}.evidence-card__actions{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.evidence-card__review-state{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.evidence-card__review-state>div{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.evidence-selection-summary ul{gap:4px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.evidence-selection-editor{gap:12px;margin-top:8px;display:grid}.evidence-selection-editor fieldset{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 12px}.evidence-selection-editor__slot{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.link-button{color:var(--status-info-fg);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.evidence-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-muted);width:100%;height:140px;max-height:160px}.evidence-thumb--empty{display:block}.evidence-caption{color:var(--steel-300);gap:4px;font-size:12px;display:grid}.evidence-caption p{margin:0}.evidence-caption__readings{color:var(--surface-text);font-weight:600}.evidence-caption__warning{color:var(--amber)}.evidence-caption__badge{background:var(--status-neutral-bg);color:var(--status-neutral-fg);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.evidence-caption__badge[data-status=succeeded]{background:var(--status-success-bg);color:var(--status-success-fg)}.evidence-caption__badge[data-status=failed]{background:var(--status-danger-bg);color:var(--status-danger-fg)}.evidence-caption__badge[data-status=queued],.evidence-caption__badge[data-status=running]{background:var(--status-info-bg);color:var(--status-info-fg)}.two-col{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.section-meta-line{color:var(--steel-300);margin:4px 0 20px;font-size:13px}.evidence-metadata{gap:6px;font-size:12px;display:grid}.evidence-metadata__caption{color:var(--surface-text);margin:0;font-weight:600}.evidence-metadata__reading{color:var(--surface-text);margin:0}.evidence-metadata--editing{gap:8px}.evidence-metadata label{flex-direction:column;gap:2px;display:flex}.evidence-metadata__metric-row{gap:8px;display:flex}.evidence-metadata__metric-row label{flex:1}.dashboard-lower-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:24px;display:grid}.dashboard-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--surface-text);box-shadow:var(--shadow-card);padding:16px}.learning-correction{min-width:0;margin:16px 0}.learning-correction>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.learning-correction dl{overflow-wrap:anywhere}.learning-correction__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.learning-correction__fields label{min-width:0}.learning-correction__actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}@media (width<=640px){.learning-correction__fields{grid-template-columns:1fr}}.reviewed-fields,.applied-ai-panel{grid-template-columns:max-content 1fr;gap:6px 12px;margin:0 0 12px;font-size:14px;display:grid}.reviewed-fields dt,.applied-ai-panel dt{color:var(--steel-300);font-weight:600}.reviewed-fields dd,.applied-ai-panel dd{margin:0}.reviewed-fields ul{margin:0;padding-left:18px}@media (width<=900px){.dashboard-lower-grid,.reviewed-fields,.applied-ai-panel{grid-template-columns:1fr}}.ai-panel{border:1px solid var(--teal-panel-border);background:var(--teal-panel)}.ai-panel h3{color:var(--teal-panel-fg)}.banner{border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.banner--warning{border:1px solid var(--amber);background:var(--amber-panel);color:var(--amber-panel-fg)}.banner--success{border:1px solid var(--green-panel-border);background:var(--green-panel);color:var(--green-panel-fg)}.field-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field-row>*{flex:1;min-width:200px}.field-row button{flex:none}.actions-row{flex-wrap:wrap;gap:10px;display:flex}.section-block{margin-bottom:16px}.auth-page{background:var(--navy-900);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-page__theme-toggle{position:absolute;top:24px;right:24px}.auth-page form{border-radius:var(--radius);background:var(--surface);width:min(420px,100%);color:var(--surface-text);padding:40px 36px;box-shadow:0 24px 60px #00000059}.auth-page__logo{height:56px;margin:0 auto 20px;display:block}.auth-page__tagline{color:var(--steel-500);font-family:var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:24px;font-size:14px}.auth-page h1{text-align:center;margin-bottom:4px;font-size:1.6rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.route-loading{min-height:100vh;font-family:var(--font-display);letter-spacing:.06em;place-items:center;font-size:1.3rem;display:grid}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;width:100%;padding:12px}.sidebar__spacer{display:none}.sidebar__footer{border-top:none;margin-left:auto}.stat-grid,.card-grid,.unified-evidence-upload__grid,.two-col{grid-template-columns:1fr}}@media (width<=760px){.workspace{padding:16px}table{display:block;overflow-x:auto}dl{grid-template-columns:1fr}dd{padding-top:0}main>header{flex-wrap:wrap;gap:12px}main>header>div{flex-wrap:wrap;gap:8px;display:flex}canvas{max-width:100%;height:auto}.annotation-workspace{padding:10px!important}.annotation-editor__toolbar{gap:6px}.annotation-editor__toolbar button{min-height:42px;padding:8px 10px;font-size:.82rem}form{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}