@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-v41-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{--sh:#b4c3de;--lt:#fff;--red:#e8502d;--green:#22a06b;--amber:#f0a21a;--navy:#1d3b8b;--ink:#14233f;--mute:#44526d}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#e9eef8,#dfe7f5) fixed;line-height:1.45;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-10vmax;z-index:-1;background:radial-gradient(38vmax 32vmax at 8% 6%,rgba(255,176,150,.3),transparent 70%),radial-gradient(34vmax 30vmax at 92% 12%,rgba(120,170,255,.32),transparent 70%)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header{background:rgba(255,255,255,.55);backdrop-filter:blur(10px)}
.hi{display:flex;align-items:center;gap:24px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;color:var(--navy);text-decoration:none}
.logo img{width:34px}.logo span{color:var(--ink)}
nav{display:flex;gap:26px;margin-inline-start:auto;font-size:13px;font-weight:600}
nav a{color:var(--ink);text-decoration:none}nav a.on{color:#e0312d}
.hr{display:flex;gap:12px;align-items:center}
.chip,.pro{border:0;border-radius:10px;background:linear-gradient(#fff,#e9eef6);box-shadow:0 6px 12px var(--sh),-4px -4px 8px var(--lt);font-weight:700;font-size:12px;padding:10px 14px;color:var(--ink)}
.pro{border-radius:999px;color:#fff;background:linear-gradient(#1c3f86,#0f2557);box-shadow:0 4px 0 #0a1a40,0 8px 14px rgba(15,37,87,.35)}
.burger{display:none}
h1{font-size:34px;font-weight:800;margin:28px 0 4px}.sub{color:var(--mute);font-size:14px;margin:0 0 18px}
.card{background:linear-gradient(145deg,#f7f9fe,#e6ecf8);border-radius:28px;box-shadow:14px 14px 28px var(--sh),-10px -10px 22px var(--lt);padding:22px 26px;margin-bottom:22px}
.card h2{font-size:18px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.sum{display:flex;gap:34px;align-items:center;flex-wrap:wrap}
.sum .n{font-size:34px;font-weight:800}.sum .n.up{color:var(--green)}.sum .l{font-size:12px;color:var(--mute)}
.lim{margin-inline-start:auto;display:flex;gap:10px;flex-wrap:wrap}
.lim span{background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;box-shadow:inset 0 2px 5px rgba(40,70,140,.18)}
.cols{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}
.tool{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tool select,.tool input{height:44px;border-radius:999px;border:2px solid #2f7bff;background:linear-gradient(#fff,#eef4ff);box-shadow:inset 0 3px 8px rgba(40,70,140,.2);padding:0 18px;font:inherit;font-size:14px;color:var(--ink)}
.tool input{flex:1;min-width:160px}
.fc{border:0;border-radius:999px;padding:11px 16px;font-weight:700;font-size:12px;background:linear-gradient(#fff,#e9eef6);box-shadow:0 5px 10px var(--sh),-3px -3px 7px var(--lt);color:var(--ink)}
.fc.on{background:linear-gradient(#1c3f86,#0f2557);color:#fff}
.row{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,#eaf0fb);border-radius:22px;box-shadow:8px 8px 18px var(--sh),-6px -6px 14px var(--lt);padding:14px 18px;margin-bottom:14px}
.ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 2px 6px rgba(40,70,140,.2);font-size:20px}
.nm{flex:1;min-width:0}.nm b{display:block;font-size:14px}.nm small{color:var(--mute);font-size:12px}
.sc{font-size:22px;font-weight:800}.good{color:var(--green)}.mid{color:var(--amber)}
.btn{border:0;border-radius:999px;padding:11px 18px;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(#ff6a4d,#e0312d);box-shadow:0 4px 0 #a3150f,0 10px 18px -8px rgba(255,91,74,.8)}
.item{display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(120,140,180,.25);font-size:13px}
.item .t{display:block;color:var(--mute);font-size:11px}
.fab{position:fixed;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:8px 20px 8px 8px;background:linear-gradient(#1c3f86,#0f2557);color:#fff;font-weight:800;box-shadow:0 4px 0 #0a1a40,0 12px 22px rgba(15,37,87,.4)}
.fab img{width:44px;height:44px;border-radius:50%;background:#fff;object-fit:cover}
@media(max-width:900px){.cols{grid-template-columns:1fr}}
@media(max-width:760px){nav,.hr .chip{display:none}.hr .burger{display:block}.hr{margin-inline-start:auto}h1{font-size:28px}.card{padding:18px}.sum{gap:18px}.lim{margin:0}.wrap{padding:0 16px}.row{flex-wrap:wrap}}

.cols>*,.wrap>*{min-width:0}.hi{gap:12px}.logo{white-space:nowrap}
@media(max-width:760px){.sum>div:not(.lim){flex:1 1 40%}.tool select{flex:1 1 100%}.tool input{flex:1 1 100%}.row .btn{flex:1 1 100%}.logo{font-size:19px}.pro{padding:10px 12px}.fab{right:12px;bottom:12px}}
.pro{white-space:nowrap}

/* ---- charts (style copied from WORK/design-home-3d/mock-charts) ---- */
.defs{position:absolute}
.sec{padding:10px 0 8px}
.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;margin:0}
.ttl{font-size:24px;font-weight:800;margin:2px 0 14px}
h3{font-size:15px;font-weight:700;margin:0 0 12px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.note{font-size:11px;color:var(--mute);margin:10px 0 0}
.s-red{--c:var(--red)}.s-amber{--c:var(--amber)}.s-green{--c:var(--green)}
.gauges{display:grid;gap:12px;justify-items:center}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gcell{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.gauge{width:100%;max-width:150px;height:auto;overflow:visible}
.g-ticks{fill:none;stroke:#b9c4dc;stroke-width:5;stroke-dasharray:.25 .75}
.g-track{fill:none;stroke:#dde5f3;stroke-width:9}
.g-arc{fill:none;stroke:var(--c);stroke-width:9;stroke-linecap:round}
.g-dot{fill:#fff;stroke:var(--c);stroke-width:3}
.g-num{font-size:30px;font-weight:800;fill:var(--ink)}
.glbl{font-size:13px;font-weight:700;color:var(--mute);text-align:center}
.pbs{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.pb{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;align-items:center;gap:12px;font-size:13px}
.pb-l{font-weight:600}
.pb-t{height:10px;border-radius:999px;background:#dde5f3;overflow:hidden;display:block}
.pb-f{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--c))}
.pb-v{text-align:right;font-weight:800;color:var(--c)}
.chart{width:100%;height:auto;display:block}
.grid{stroke:#d3dbeb;stroke-width:1;stroke-dasharray:3 4}
.axis{stroke:#b4bfd6;stroke-width:1.5}
.lbl{font-size:11px;fill:var(--mute)}
.bar-a{fill:#b9c6e2}.bar-b{fill:var(--c)}
.legend{display:flex;gap:16px;font-size:12px;color:var(--mute);margin:8px 0 0}
.lg:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:#b9c6e2}
.lg-b:before{background:var(--navy)}
.wave-line{fill:none;stroke:url(#waveGrad);stroke-width:4;stroke-linecap:round}
.wave-area{fill:url(#waveFill)}
.mk circle{fill:#fff;stroke:var(--navy);stroke-width:3}
.mk-t{font-size:11px;font-weight:700;fill:var(--navy)}
.areas{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ar{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;align-items:center;gap:12px;font-size:13px}
.ar-n{font-weight:600}.ar svg{width:100%;height:36px}
.ar-a{fill:var(--c);opacity:.22}
.ar-l{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.ar b{text-align:right;color:var(--c)}
.mascard{display:flex;gap:16px;align-items:center}.masc{width:120px;height:auto;flex:none}.mtxt{font-size:13px;color:var(--mute);margin:0 0 12px}.mascard>div{flex:1;min-width:0}
.mascard .pb{grid-template-columns:minmax(0,1fr) 44px}.mascard .pb-l{grid-column:1/-1}
/* legal notice */
.notice{display:flex;gap:12px;align-items:center;background:linear-gradient(145deg,#eef5ff,#dbe8fb);border:2px solid #2f7bff;border-radius:20px;padding:12px 18px;margin:0 0 18px;box-shadow:inset 0 2px 6px rgba(40,70,140,.12)}
.notice p{margin:0;font-size:14px}.ni{font-size:22px;color:#2f7bff;font-weight:800}
.legal{margin:10px 0 90px;padding:16px 22px;border-radius:20px;background:rgba(255,255,255,.55);font-size:12px;color:var(--mute)}
.legal p{margin:0 0 6px}.legal .tm{margin:0}
/* placeholder for the unified result card */
.ph .phbox{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;min-height:200px;border:2px dashed #9fb1d6;border-radius:18px;color:var(--mute);font-size:13px;padding:16px}
.ph .phbox b{color:var(--ink);font-size:15px}
@media(max-width:900px){.grid2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.glbl{font-size:11px}.pb{grid-template-columns:minmax(0,1fr) 40px;gap:4px 8px}.pb-l{grid-column:1/-1}.ttl{font-size:20px}.masc{width:90px}.mascard{flex-wrap:wrap}.notice{padding:10px 14px}.legal{margin-bottom:80px}}

/* unified result card, format A (from patch/batch/20261015-reports-design/mock/variants.html) */
.ra-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.s-FAILED{--c:#e8502d;--bg:#ffe9e6}.s-WARNING{--c:#f0a21a;--bg:#fff0dc}.s-PASSED{--c:#22a06b;--bg:#e6f7ef}
.ra{padding:20px 22px;border-radius:26px;background:linear-gradient(160deg,#fff,var(--bg));box-shadow:0 14px 28px #b4c3de,-6px -6px 14px #fff}
.ra header{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.ra header h3{margin:0;font-size:17px}.ra header small{display:block;color:#44526d;font-size:13px;margin-top:2px}
.ra-ico{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;background:var(--c);box-shadow:0 5px 10px rgba(20,35,63,.25),inset 0 2px 3px rgba(255,255,255,.55)}
.ra-pill{margin-inline-start:auto;display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800;color:var(--c);background:#fff;box-shadow:0 3px 0 rgba(20,35,63,.12),0 5px 9px rgba(180,195,222,.7)}
.ra-meter{height:10px;border-radius:99px;background:#dde5f2;box-shadow:inset 0 2px 4px rgba(180,195,222,.9);position:relative}
.ra-meter i{position:absolute;top:0;bottom:0;left:0;border-radius:99px;background:linear-gradient(90deg,#1d3b8b,var(--c))}
.ra-meter u{position:absolute;top:-3px;bottom:-3px;border-radius:6px;background:rgba(34,160,107,.25);border:1px solid rgba(34,160,107,.55)}
.ra-mt{display:flex;justify-content:space-between;font-size:12px;color:#44526d;margin-top:6px;font-weight:600}
.ra-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ra-cols div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:inset 0 2px 5px rgba(180,195,222,.5)}
.ra-cols h4{margin:0 0 4px;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--c)}
.ra-cols p{margin:0;font-size:13.5px;line-height:1.45}
@media(max-width:760px){.ra-list{grid-template-columns:minmax(0,1fr)}.ra-cols{grid-template-columns:1fr}}

/* feedback round: title bar, progress numbers, platform selector, full-width sparklines */
.titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 14px}
.tmasc{height:125px;width:auto;flex:none}
.tt{text-align:right}.tt h1{margin:0 0 2px}.tt .sub{margin:0}
.src{font-size:12px;color:var(--mute)}
.prog{display:flex;gap:10px;margin:0 0 10px}
.prog span{flex:1;background:#fff;border-radius:14px;padding:8px 10px;font-size:11px;color:var(--mute);box-shadow:inset 0 2px 5px rgba(40,70,140,.15);display:flex;flex-direction:column}
.prog b{font-size:18px;color:var(--ink)}
.ar{grid-template-columns:78px minmax(0,1fr) 36px}
.ar svg{width:100%;height:40px;display:block}
.ar-l{vector-effect:non-scaling-stroke}
.sel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.selt{font-size:12px;color:var(--mute);font-weight:700}
.chk{border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:700;background:#fff;color:var(--mute);box-shadow:0 3px 7px rgba(180,195,222,.8);cursor:pointer}
.chk.on{background:linear-gradient(#e8f0ff,#d7e5ff);color:var(--navy)}
.chk.own{background:linear-gradient(#1c3f86,#0f2557);color:#fff}
.chk.add{border:1px dashed #2f7bff;color:#2f7bff;background:transparent;box-shadow:none}
.bar-own{fill:var(--navy)!important;stroke:#2f7bff;stroke-width:2}
.lbl-own{font-weight:800;fill:var(--navy)}
.lg-own:before{background:var(--navy)}
@media(max-width:760px){.tmasc{height:94px}.titlebar{flex-wrap:wrap}.hprog{order:3;flex:1 1 100%}.tt{flex:1}.tt h1{font-size:26px}.prog b{font-size:16px}}

.hprog{flex:1;min-width:0;max-width:430px}
.hpt{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 6px}
.hprog .prog{margin:0}
@media(max-width:760px){.titlebar{flex-wrap:wrap}.hprog{order:3;flex:1 1 100%;max-width:none}.prog span{min-width:0}}
.sc{display:inline-block;min-width:68px;text-align:right;font-variant-numeric:tabular-nums}

/* additions for the live (data-driven) page */
.hidden{display:none!important}
.status{margin:0 0 14px;padding:10px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 2px 5px rgba(40,70,140,.15);font-size:13px;color:var(--mute)}
.sc.bad{color:var(--red)}
.s-empty{--c:#b9c4dc}
.s-UNAVAILABLE{--c:#98a2b3;--bg:#eef1f6}
.sum .lim i{font-style:normal;color:var(--mute)}
.prog i{font-style:normal}
.chip:disabled,.chk:disabled,.fab:disabled{opacity:.7;cursor:not-allowed}
.fab span{font-size:12px}
.row .btn:disabled{opacity:.6}
#cmpChips{display:contents}
#langSel{padding:8px 10px}
html[dir="rtl"] .tt{text-align:left}
.legend .lg-own{margin-inline-start:0}
@media(max-width:760px){.hr .chip{display:inline-block}}

/* unified result card, format A (format-A-spec.md) */
.gauges.g4{margin-top:4px}
.grid2.one{grid-template-columns:minmax(0,1fr)}
.fa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.fa{--c:#98a2b3;--bg:#eef1f6;padding:20px 22px;border-radius:26px;background:linear-gradient(160deg,#fff,var(--bg));box-shadow:0 14px 28px var(--sh),-6px -6px 14px #fff;height:100%;box-sizing:border-box}
.fa[data-status=FAILED]{--c:#e8502d;--bg:#ffe9e6}.fa[data-status=WARNING]{--c:#f0a21a;--bg:#fff0dc}.fa[data-status=PASSED]{--c:#22a06b;--bg:#e6f7ef}
.fa-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.fa-ico{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;background:var(--c);box-shadow:0 5px 10px rgba(20,35,63,.25),inset 0 2px 3px rgba(255,255,255,.55)}
.fa-title{min-width:0}.fa-title h3{margin:0;font-size:17px;color:#14233f}.fa-title p{margin:2px 0 0;color:#44526d;font-size:13px}
.fa-pill{margin-inline-start:auto;flex:none;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800;color:var(--c);background:#fff;box-shadow:0 3px 0 rgba(20,35,63,.12),0 5px 9px rgba(180,195,222,.7)}
.fa-meter{height:10px;border-radius:99px;background:#dde5f2;box-shadow:inset 0 2px 4px rgba(180,195,222,.9);position:relative}
.fa-meter i{position:absolute;top:0;bottom:0;left:0;border-radius:99px;background:linear-gradient(90deg,#1d3b8b,var(--c))}
.fa-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.fa-col{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:inset 0 2px 5px rgba(180,195,222,.5);font-size:13.5px;line-height:1.45;min-width:0}
.fa-col h4{margin:0 0 6px;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--c)}
.fa-col p{margin:0}
@media(max-width:760px){.fa-cols{grid-template-columns:1fr}.fa-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.fa-grid{display:block}.fa{break-inside:avoid;margin:10px 0;box-shadow:none;border:1px solid #d6dff0}}

.is-running .sec .card,.is-running .fa-grid{opacity:.7}
.is-running #statusLine{font-weight:700}
/* 20261019-konto-objects: inactive (ownership not verified) object, verify link, remove button */
.row.inactive{opacity:.72;background:linear-gradient(145deg,#f3f5f9,#e4e8f0)}
.row.inactive .ic{filter:grayscale(1)}
.nm small.unv{display:block;color:var(--red);font-weight:700}
.btn.ver{display:inline-block;text-decoration:none;text-align:center;background:linear-gradient(#5b8cff,#2f5fe0);box-shadow:0 4px 0 #1d3f9e,0 10px 18px -8px rgba(47,95,224,.8)}
.rm{border:0;border-radius:999px;min-width:34px;height:34px;padding:0 10px;font-weight:800;font-size:13px;color:var(--mute);background:#fff;box-shadow:inset 0 2px 6px rgba(40,70,140,.18);cursor:pointer}
.rm.armed{color:#fff;background:linear-gradient(#ff6a4d,#e0312d);box-shadow:0 3px 0 #a3150f}
.rm:disabled{opacity:.6}
@media(max-width:760px){.row .btn,.row .btn.ver{flex:1 1 calc(100% - 48px)}.row .rm{flex:0 0 34px}.row .rm.armed{flex:1 1 100%}}