:root{--nav:#12233d;--nav2:#17304f;--bg:#f4f7fb;--card:#fff;--ink:#24384d;--muted:#6f8398;--line:#d9e2ec;--blue:#1677ff;--shadow:0 1px 2px rgba(16,35,60,.04),0 5px 18px rgba(16,35,60,.05)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{font-size:14px}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:linear-gradient(180deg,#132641 0%,#112039 100%);padding:20px 12px 16px;color:#eaf1fb;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;padding:2px 10px 22px}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{display:block;color:#fff;font-size:18px;line-height:1.02;letter-spacing:-.2px}.brand span{display:block;color:#a9bad0;font-size:11px;line-height:1.3;margin-top:6px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.side-link{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:7px;color:#d9e6f5;font-weight:600;font-size:13px}.sidebar nav a b,.side-link b{font-size:18px;width:20px;text-align:center;font-weight:400}.sidebar nav a:hover,.sidebar nav a.active,.side-link:hover{background:#1d3f68;color:#fff}.side-spacer{flex:1}.version{font-size:10px;color:#7289a5;padding:12px 12px 0}.main{margin-left:245px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid #e2e8f0;padding:15px 24px 15px 29px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:24px;color:#24384d;letter-spacing:-.3px}.topbar p{margin:5px 0 0;color:#6f8398;font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.top-actions form{margin:0}.content{padding:14px 20px 28px;position:relative}.updated{position:absolute;right:20px;top:-1px;color:#6d8198;font-size:10px;text-align:right;line-height:1.35}.updated strong{font-weight:500;color:#526a83}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid #cfd9e5;padding:9px 13px;font-size:12px;font-weight:700;background:#fff;color:#2e4c6e;cursor:pointer;min-height:36px}.btn:hover{filter:brightness(.98);box-shadow:0 2px 7px rgba(34,69,108,.08)}.btn.primary{background:#1478ea;border-color:#1478ea;color:#fff}.btn.secondary{background:#fff;color:#2d5c8a}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:10px;margin-top:27px}.kpi-card{min-height:122px;background:#fff;border:1px solid var(--line);border-top:3px solid #9fb0c3;border-radius:6px;display:flex;align-items:flex-start;gap:10px;padding:14px 14px 10px;position:relative;box-shadow:var(--shadow);transition:.12s}.kpi-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(22,52,84,.08)}.kpi-card.amber{border-top-color:#efb83e}.kpi-card.red{border-top-color:#e14f5d}.kpi-card.orange{border-top-color:#f5a52c}.kpi-card.blue{border-top-color:#3977d6}.kpi-card.cyan{border-top-color:#43a5c5}.kpi-card.purple{border-top-color:#7e63d7}.kpi-card.teal{border-top-color:#27a08f}.kpi-icon{font-size:24px;line-height:1;color:#4d6986;margin-top:1px;width:28px;text-align:center}.kpi-card.red .kpi-icon{color:#d74a57}.kpi-card.amber .kpi-icon,.kpi-card.orange .kpi-icon{color:#d49724}.kpi-card.blue .kpi-icon{color:#4173cc}.kpi-card.cyan .kpi-icon{color:#409bb8}.kpi-card.purple .kpi-icon{color:#7962ce}.kpi-card.teal .kpi-icon{color:#248b80}.kpi-body{flex:1;min-width:0}.kpi-title{font-size:12px;font-weight:700;color:#4c6178}.kpi-number{font-size:27px;line-height:1.1;font-weight:800;color:#253b53;margin:7px 0 5px}.kpi-sub{font-size:10px;line-height:1.25;color:#7c8da1;min-height:25px}.chev{position:absolute;right:11px;top:44px;color:#a8b6c6;font-size:22px}.spark{height:22px;display:flex;align-items:flex-end;gap:3px;margin-top:4px;opacity:.75}.spark i{display:block;width:11%;height:8px;border-radius:2px 2px 0 0;background:#c7d5e5}.spark i:nth-child(2){height:12px}.spark i:nth-child(3){height:9px}.spark i:nth-child(4){height:15px}.spark i:nth-child(5){height:11px}.spark i:nth-child(6){height:17px}.spark i:nth-child(7){height:13px}.spark i:nth-child(8){height:18px}.diagnostics-card,.chart-card,.imports-card,.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.diagnostics-card{margin-top:10px;padding:12px 15px}.diag-head{display:flex;align-items:center;justify-content:space-between}.section-title{display:flex;align-items:flex-start;gap:9px}.section-title>span{font-size:18px;color:#6c63ff}.section-title h2{font-size:13px;margin:0;color:#364d65}.section-title p{font-size:10px;color:#71859a;margin:3px 0 0}.diag-right{display:flex;align-items:center;gap:13px;color:#647a91;font-size:10px}.steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:9px 0 10px}.step{display:flex;align-items:center;gap:8px;min-width:165px}.step>b{width:32px;height:32px;border:5px solid #dff5e8;background:#13a65f;color:white;border-radius:50%;display:grid;place-items:center;font-size:12px}.step span{display:flex;flex-direction:column}.step strong{font-size:10px}.step small{font-size:9px;color:#75899e;margin-top:1px}.steps em{color:#10a65a;font-size:19px;font-style:normal;font-weight:800}.diag-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.diag-mini{border:1px solid #dbe4ee;border-radius:5px;min-height:52px;text-align:center;padding:7px 4px 6px;background:#fbfcfe;border-top:3px solid #93a4ba}.diag-mini strong{display:block;font-size:17px;color:#29425b}.diag-mini span{font-size:8.5px;color:#6f849a}.diag-mini.green{border-top-color:#2cad71}.diag-mini.red{border-top-color:#e35865}.diag-mini.blue{border-top-color:#4b84d9}.diag-mini.amber{border-top-color:#e7ab3c}.diag-mini.purple{border-top-color:#8468d8}.diag-mini.grey{border-top-color:#8e9ba9}.chart-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:10px}.chart-card{padding:10px 13px;min-height:210px}.chart-title{display:flex;align-items:center;gap:8px}.chart-title>span{font-size:15px;color:#4b7bec}.chart-title h3{margin:0;font-size:11px;color:#354b62}.chart-title small{font-size:9px;color:#8091a3;font-weight:500}.chart-legend{font-size:9px;margin:7px 0 2px;color:#6d8298;display:flex;gap:15px}.visual-dot{color:#e06a79}.pulse-dot{color:#4e7fc8}.trend{height:150px;width:100%}.donut-wrap{height:165px;display:flex;align-items:center;gap:13px}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#e56a78 0 47%,#557fc6 47% 78%,#f1b846 78% 87%,#5da6c8 87% 94%,#7b65cb 94% 100%);display:grid;place-items:center;flex:0 0 auto}.donut:before{content:"";position:absolute;width:76px;height:76px;background:white;border-radius:50%}.donut>div{position:relative;z-index:2;font-size:16px;font-weight:800;text-align:center}.donut small{display:block;font-size:8px;color:#7d8ca0;font-weight:500}.reason-list{flex:1;font-size:9px}.reason-list div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #edf1f5}.reason-list span{color:#5c7187}.reason-list strong{color:#334d65}.bars{padding-top:12px}.bars>div{display:grid;grid-template-columns:55px 1fr 28px;gap:8px;align-items:center;margin:13px 0;font-size:9px}.bars i{height:9px;background:#4c7dc9;border-radius:2px}.bars strong{text-align:right;color:#4d647a}.imports-card{margin-top:10px;padding:9px 13px 11px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#f7f9fc;color:#60748a;text-align:left;font-size:9px;font-weight:700;position:sticky;top:0;z-index:1}td,th{padding:8px 9px;border-bottom:1px solid #e7edf3;white-space:nowrap}tbody tr:hover{background:#f8fbff}tr.new-pulse td{background:#fff0d8!important}.type-pill{padding:3px 7px;border-radius:10px;background:#eaf2ff;color:#4d6f9b;font-size:8px}.panel{padding:14px;margin-bottom:12px}.panel h2,.panel h3{margin:0 0 9px}.page-hero,.rejected-panel{display:flex;justify-content:space-between;align-items:center}.page-hero p,.rejected-panel p{margin:4px 0 0;color:#71859a;font-size:11px;max-width:900px}.filter-panel{padding:10px 12px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:8px}.filters input,.filters select,input,select{height:36px;border:1px solid #ccd7e3;border-radius:6px;background:#fff;color:#334b63;padding:0 10px;font:inherit}.count-line{font-weight:700;color:#526a82;font-size:11px;margin:9px 2px}.table-panel{padding:0}.table-panel .table-wrap{max-height:610px}.table-actions{padding:10px;display:flex;gap:8px}.tabs{display:flex;gap:2px;margin:10px 0;background:#e9eef5;border-radius:7px;padding:3px;width:max-content}.tabs a,.tabs span{padding:7px 13px;border-radius:5px;font-size:10px;font-weight:700;color:#62778d}.tabs .active{background:#fff;color:#2d5f94;box-shadow:0 1px 3px rgba(28,61,97,.1)}.league .rank{width:36px;text-align:center;color:#6f8194}.league .bigcount{font-size:18px;font-weight:800}.league a{color:#1e6fbd;font-weight:700}.form-row{display:flex;gap:8px;align-items:end}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.upload-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px}.upload-card p{color:#71859a;font-size:11px}.alert{padding:11px 13px;border-radius:6px;background:#edf7ff;border:1px solid #c8e2ff;margin-bottom:12px}.alert.error{background:#fff1f1;border-color:#ffcaca}.login-bg{min-height:100vh;display:grid;place-items:center;background:#edf2f8}.login-card{width:min(420px,92vw);padding:30px;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(22,49,79,.16)}.login-card img{width:70px}.login-card input{width:100%;margin-top:7px}.login-card .btn{width:100%;margin-top:12px}.settings{max-width:680px}.settings label{display:block;margin:10px 0}.settings input{width:100%;margin-top:5px}.donut{position:relative}@media(max-width:1250px){.top-actions a:nth-last-child(-n+2){display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.diag-grid{grid-template-columns:repeat(4,1fr)}.chart-row{grid-template-columns:1fr 1fr}.chart-card.wide{grid-column:1/-1}}@media(max-width:850px){.sidebar{width:72px}.brand div,.sidebar nav a:not(.active){font-size:0}.brand img{width:42px}.sidebar nav a b,.side-link b{font-size:18px}.main{margin-left:72px}.topbar{padding-left:18px}.kpi-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr}.diag-grid{grid-template-columns:repeat(2,1fr)}.steps{display:none}.filters{grid-template-columns:1fr}.top-actions{display:none}}
/* UAT v0.3 polish: retain desktop v3.2.6 behaviour, improve presentation only */
.kpi-card{overflow:hidden;border-top-width:0;border-left:4px solid #9fb0c3;background:#fff}
.kpi-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.72}
.kpi-card.amber{border-left-color:#f3a313;background:#fffaf1}.kpi-card.amber::before{background:linear-gradient(110deg,rgba(255,244,219,.78),rgba(255,255,255,0) 62%)}
.kpi-card.red{border-left-color:#f03b55;background:#fff7f8}.kpi-card.red::before{background:linear-gradient(110deg,rgba(255,229,234,.76),rgba(255,255,255,0) 62%)}
.kpi-card.orange{border-left-color:#f59b13;background:#fffaf3}.kpi-card.orange::before{background:linear-gradient(110deg,rgba(255,238,214,.76),rgba(255,255,255,0) 62%)}
.kpi-card.blue{border-left-color:#2887eb;background:#f7fbff}.kpi-card.blue::before{background:linear-gradient(110deg,rgba(226,240,255,.85),rgba(255,255,255,0) 62%)}
.kpi-card.cyan{border-left-color:#1ea3c8;background:#f6fcff}.kpi-card.cyan::before{background:linear-gradient(110deg,rgba(221,247,255,.8),rgba(255,255,255,0) 62%)}
.kpi-card.purple{border-left-color:#8d4ee8;background:#fbf8ff}.kpi-card.purple::before{background:linear-gradient(110deg,rgba(239,228,255,.8),rgba(255,255,255,0) 62%)}
.kpi-card.teal{border-left-color:#12aa9d;background:#f6fffe}.kpi-card.teal::before{background:linear-gradient(110deg,rgba(218,249,245,.82),rgba(255,255,255,0) 62%)}
.kpi-card>*{position:relative;z-index:1}.kpi-title{font-size:13px}.kpi-number{font-size:29px;letter-spacing:-.5px}.kpi-sub{font-size:10.5px}.kpi-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.78);box-shadow:0 1px 4px rgba(29,60,93,.07)}
.spark{display:none}
.trend-card{min-height:252px;padding:13px 16px 12px}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.trend-head .chart-title{align-items:flex-start}.trend-current{display:flex;align-items:baseline;gap:7px;margin-top:5px}.trend-current strong{font-size:24px;line-height:1;font-weight:800;color:#253d56}.trend-current span{font-size:10px;color:#72879d}.trend-toggle{display:flex;padding:3px;background:#edf3fa;border:1px solid #dce6f1;border-radius:8px;gap:2px}.trend-toggle button{border:0;background:transparent;color:#637a92;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:700;cursor:pointer}.trend-toggle button.active{background:#fff;color:#206fca;box-shadow:0 1px 4px rgba(30,70,110,.12)}.trend-toggle button:focus-visible{outline:2px solid #1677ff;outline-offset:2px}.trend-plot-wrap{height:185px;margin-top:5px}.trend{display:block;height:185px;width:100%;overflow:visible}.trend text{font-family:Inter,"Segoe UI",Arial,sans-serif}.trend .grid-line{stroke:#e7edf4;stroke-width:1}.trend .axis-label{fill:#7c8da1;font-size:10px}.trend .trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend .trend-area{opacity:.09}.trend .trend-point{stroke:#fff;stroke-width:2}.trend .point-value{fill:#50677e;font-size:9px;font-weight:700}.trend .empty-label{fill:#7c8da1;font-size:12px}.chart-card{border-radius:9px}.diagnostics-card,.imports-card,.panel{border-radius:9px}.diag-mini{border-radius:7px}

/* v0.12 Ignore Rules parity with desktop v3.2.6 */
.ignore-tabbar{display:flex;gap:0;border-bottom:1px solid #dfe5ea;background:#f8fafb;padding:0 14px}.ignore-tab{padding:13px 17px;text-decoration:none;color:#53636d;font-weight:700;border-bottom:3px solid transparent}.ignore-tab.active{color:#185ea8;border-bottom-color:#185ea8;background:#fff}.ignore-tab .badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:12px;background:#e7eef6;font-size:12px}.ignore-add-form{display:grid;grid-template-columns:minmax(140px,180px) minmax(220px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:center}.table-wrap{overflow:auto}.muted{color:#6c7b84}@media(max-width:900px){.ignore-add-form{grid-template-columns:1fr}}
.data-freshness-alert,.data-freshness-ok{margin:0 0 18px;padding:13px 16px;border-radius:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.data-freshness-alert{background:#fff3e7;border:1px solid #f2b36f;color:#8a4b00}.data-freshness-alert strong{font-size:15px}.data-freshness-alert b{background:#fff;border:1px solid #efc18f;border-radius:7px;padding:5px 9px}
.data-freshness-ok{background:#edf8f1;border:1px solid #9ed2ae;color:#225f36}
.mail-freshness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 4px}.mail-freshness-item{padding:10px 12px;border-radius:8px;border:1px solid #d9e2ec;display:grid;gap:3px}.mail-freshness-item.current{background:#f0f9f3;border-color:#abd4b6}.mail-freshness-item.stale{background:#fff3e7;border-color:#efbb83}.mail-freshness-item span{font-weight:700}.mail-freshness-item small{line-height:1.4;color:#66788a}@media(max-width:760px){.mail-freshness-grid{grid-template-columns:1fr}}

.api-progress-panel{margin-top:14px;padding:14px 16px;border:1px solid #d9e2ec;border-radius:12px;background:#f8fbff}
.api-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#17324d}
.api-progress-track{height:14px;background:#e5edf6;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.api-progress-fill{height:100%;background:#1677e8;border-radius:999px;transition:width .35s ease}
.api-progress-panel .muted{margin:8px 0 0}
button:disabled{opacity:.55;cursor:not-allowed}

.factor-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:16px}.factor-kpis .mini-card{background:#fff;border:1px solid #dde5ee;border-radius:12px;padding:14px 16px;box-shadow:0 3px 12px rgba(21,42,68,.05)}.factor-kpis .mini-card span{display:block;color:#64748b;font-size:12px}.factor-kpis .mini-card strong{font-size:28px}.factor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.factor-actions form{display:flex;gap:8px;align-items:center}.factor-badge{font-weight:700}.factor-verified .factor-badge{color:#16803d}.factor-mismatch .factor-badge,.factor-no-pulse .factor-badge{color:#b42318}.factor-waiting-confirmation .factor-badge{color:#a15c00}.factor-new .factor-badge{color:#175cd3}.details-cell{min-width:280px;white-space:normal}.btn.small{padding:6px 9px;font-size:12px}.factor-progress{margin-top:16px}@media(max-width:1100px){.factor-kpis{grid-template-columns:repeat(2,1fr)}}

.factor-kpis a.mini-card{text-decoration:none;color:inherit}.factor-kpis a.mini-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(21,42,68,.09)}.factor-kpis small{display:block;color:#64748b;margin-top:4px}.factor-tab-title{margin-bottom:12px}.factor-tab-title h2{margin-bottom:4px}.factor-tab-title p{margin:0;color:#64748b}.data-freshness-alert b{display:block}