:root{color:#17272b;background:#f5f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #102f36;--teal: #0f6b67;--teal-dark: #095450;--ink: #17272b;--muted: #68787b;--line: #dce4e2;--surface: #fff;--danger: #a93d3d;--danger-soft: #fff0ee;--warning: #8a5a0a;--warning-soft: #fff7e2;--success: #237657;--success-soft: #edf8f2}*{box-sizing:border-box}html{min-width:320px;background:#f5f7f6}body{min-width:320px;min-height:100vh;margin:0;background:#f5f7f6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(24,130,122,.28);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--navy);font-size:clamp(1.55rem,3vw,1.95rem);letter-spacing:-.035em;line-height:1.15}h2{margin:0;color:var(--navy);font-size:.9rem;line-height:1.3}a{color:var(--teal)}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:18px 12px 12px;border-right:1px solid #24434a;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:10px;width:100%;padding:4px 6px 20px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:#44ad9d;color:#082e30}.brand-mark svg{width:27px;height:27px}.brand-mark.compact{width:29px;height:29px}.brand-mark.compact svg{width:23px;height:23px}.brand strong,.brand small{display:block}.brand strong{font-size:.83rem;line-height:1.2}.brand small{margin-top:1px;color:#9db9ba;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}.sidebar nav{display:grid;gap:3px}.side-link{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;border-radius:7px;color:#b8cbcc;font-size:.77rem;font-weight:630;text-decoration:none}.side-link:hover{background:#ffffff0f;color:#fff}.side-link.active{background:#4bb5a52b;color:#fff}.nav-lock{color:#789395}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.1);color:#93abad;font-size:.65rem}.sidebar-foot button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#b8cbcc;cursor:pointer}.sidebar-foot button:hover{background:#ffffff14;color:#fff}.mobile-bar{display:none}.main{display:flex;min-width:0;flex-direction:column;min-height:100vh}.content{width:min(1180px,calc(100% - 48px));flex:1;margin:0 auto;padding:34px 0 52px}.app-footer{border-top:1px solid var(--line);color:#778588}.app-footer-inner{display:flex;justify-content:space-between;gap:12px 24px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:11px 0;font-size:.62rem;line-height:1.4}.page-stack{display:grid;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px}.page-meta{margin-top:5px;color:var(--muted);font-size:.7rem}.panel{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 15px;border-bottom:1px solid var(--line)}.section-bar>span{color:var(--muted);font-size:.68rem}.section-label{display:block;margin-bottom:2px;color:var(--muted);font-size:.63rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:.52rem .8rem;border:1px solid transparent;border-radius:7px;font-size:.76rem;font-weight:720;line-height:1.2;cursor:pointer}.button:disabled{opacity:.47;cursor:not-allowed}.button.primary{background:var(--teal);color:#fff}.button.primary:hover:not(:disabled){background:var(--teal-dark)}.button.secondary{border-color:#cbd6d4;background:#fff;color:#304a4f}.button.secondary:hover:not(:disabled){border-color:#94aaa7;background:#f9fbfa}.button.full{width:100%}.button-row{display:flex;justify-content:center;gap:8px}.text-button{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding:10px 0 0;border:0;background:none;color:var(--teal);font-size:.7rem;font-weight:700;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.metric{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 10px;min-height:86px;padding:15px 17px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{grid-column:1 / -1;color:var(--muted);font-size:.7rem}.metric strong{color:var(--navy);font-size:1.6rem;letter-spacing:-.04em;line-height:1}.metric small{color:#8a989a;font-size:.62rem;text-align:right}.metric.danger:before,.metric.warning:before{position:absolute;top:0;right:0;left:0;height:2px;content:""}.metric.danger:before{background:#d4605b}.metric.warning:before{background:#d6a140}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:16px}.latest-panel{display:flex;flex-direction:column;padding-bottom:13px}.latest-panel .text-button{margin-left:15px}.facts{margin:0;padding:5px 15px}.facts>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #edf1f0;font-size:.69rem}.facts>div:last-child{border-bottom:0}.facts dt{color:var(--muted)}.facts dd{min-width:0;margin:0;color:#344b50;font-weight:650;text-align:right;overflow-wrap:anywhere}.facts.compact{padding:5px 0 0}.integration-strip{display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.integration-strip>div{display:grid;grid-template-columns:7px 1fr;gap:2px 7px;min-width:165px;padding:11px 15px;border-right:1px solid var(--line)}.integration-strip>div:last-child{border-right:0}.integration-strip span:not(.dot),.integration-strip strong{font-size:.64rem}.integration-strip span:not(.dot){color:var(--muted)}.integration-strip strong{grid-column:2;color:#42575a}.dot{align-self:center;width:7px;height:7px;border-radius:50%}.dot.green{background:#43a47b}.dot.gray{background:#aeb9b9}.data-note{display:flex;align-items:center;gap:6px;margin:-6px 0 0;color:#7d8a8c;font-size:.65rem}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:760;white-space:nowrap}.badge.status{background:#eff2f2;color:#627174}.badge.status>span{width:6px;height:6px;border-radius:50%;background:#96a2a2}.badge.status.completed,.badge.status.resolved,.badge.status.available{background:var(--success-soft);color:var(--success)}.badge.status.completed>span,.badge.status.resolved>span,.badge.status.available>span{background:#38a078}.badge.status.pending,.badge.status.ready-for-recheck,.badge.status.snapshot-failed,.badge.status.blocked{background:var(--warning-soft);color:var(--warning)}.badge.status.pending>span,.badge.status.ready-for-recheck>span,.badge.status.snapshot-failed>span,.badge.status.blocked>span{background:#d29a31}.badge.status.failed,.badge.status.invalid{background:var(--danger-soft);color:var(--danger)}.badge.status.failed>span,.badge.status.invalid>span{background:#d65d58}.badge.status.running{background:#eaf3fa;color:#276a8d}.badge.status.running>span{background:#3c8db6}.badge.status.excluded,.badge.status.inactive{background:#eff0f5;color:#68708a}.scanner-panel{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr)}.scanner-controls{display:grid;align-content:start;gap:13px;padding:18px;border-right:1px solid var(--line)}.field>span,.filter>span{display:block;margin-bottom:5px;color:#4a6064;font-size:.67rem;font-weight:700}.field input,.field select,.filter select,.search-box input{width:100%;min-height:38px;padding:0 10px;border:1px solid #cbd7d5;border-radius:7px;background:#fff;color:var(--ink)}.field input:hover,.field select:hover,.filter select:hover,.search-box input:hover{border-color:#9eb2af}.field select:disabled{background:#f3f5f4;color:#7f8d8f;opacity:1}.scanner-action{margin-top:1px}.scanner-status{min-width:0}.scanner-status .section-bar{min-height:55px}.scan-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 15px 0;border:1px solid var(--line);border-radius:8px}.scan-summary>div{min-width:0;padding:11px;border-right:1px solid var(--line)}.scan-summary>div:last-child{border-right:0}.scan-summary span,.scan-summary strong{display:block}.scan-summary span{margin-bottom:4px;color:var(--muted);font-size:.61rem}.scan-summary strong{overflow:hidden;color:#344b50;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.control-reason,.short-error{margin:11px 15px 0;font-size:.68rem}.control-reason{color:var(--muted)}.danger-text,.short-error{color:var(--danger)}.short-error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.technical-details{margin:12px 15px 14px;border-top:1px solid var(--line)}.technical-details summary{width:max-content;padding:10px 0 2px;color:var(--teal);font-size:.67rem;font-weight:700;cursor:pointer}.technical-details[open] summary{margin-bottom:2px}.notice{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:8px;font-size:.7rem}.notice svg{flex:0 0 auto;width:17px;height:17px}.notice strong{display:block}.notice p{margin:2px 0 0}.notice.warning{background:var(--warning-soft);color:var(--warning)}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice.success{background:var(--success-soft);color:var(--success)}.filter-bar{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(120px,.55fr)) auto;align-items:end;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.search-box{position:relative;display:flex;align-items:center}.search-box>svg{position:absolute;left:11px;color:#829092}.search-box input{padding:0 35px}.search-box button{position:absolute;right:7px;display:grid;place-items:center;border:0;background:none;color:#829092;cursor:pointer}.compact-button{min-height:38px}.table-panel{padding:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.7rem}th{padding:9px 12px;border-bottom:1px solid var(--line);background:#f7f9f8;color:#728184;font-size:.59rem;font-weight:760;letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid #edf1f0;color:#40565a;vertical-align:middle}tbody tr:not(.detail-row):hover{background:#fbfcfc}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{margin-top:2px;color:#899597;font-size:.61rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem}.question-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.expand-button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:#708184;cursor:pointer}.expand-button:hover{background:#edf3f1;color:var(--teal)}.expand-button svg{width:15px;height:15px}.detail-row td{padding:0;background:#fafcfc}.issue-details{display:grid;grid-template-columns:minmax(300px,2fr) .55fr 1fr;gap:12px 24px;padding:14px 48px;border-bottom:1px solid var(--line)}.issue-details>div{min-width:0}.issue-details span,.issue-details strong,.issue-details small{display:block}.issue-details span,.run-details span{margin-bottom:4px;color:var(--muted);font-size:.6rem;font-weight:700;text-transform:uppercase}.issue-details a{display:inline-flex;align-items:center;gap:4px;font-size:.69rem;font-weight:700;text-decoration:none}.issue-details small{margin-top:4px}.issue-details .wide{grid-column:1 / -1}.issue-details p,.run-details p{margin:0;color:#526568;font-size:.67rem;line-height:1.5;white-space:pre-wrap}.breakable{overflow-wrap:anywhere}.run-details{padding:14px 48px;border-bottom:1px solid var(--line)}.run-details strong{display:block;margin-top:6px;color:var(--danger);font-size:.65rem}.invalid-row{background:#fafafa;opacity:.75}.empty-state{display:grid;place-items:center;min-height:110px;padding:24px;color:var(--muted);text-align:center}.empty-state strong{color:#455a5e;font-size:.75rem}.empty-state p{margin:4px 0 0;font-size:.68rem}.coming-soon{display:grid;place-items:center;min-height:240px;padding:38px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#819092;text-align:center}.coming-soon>svg{width:28px;height:28px;margin-bottom:12px;color:var(--teal)}.coming-soon p{margin:5px 0 0;font-size:.72rem}.loading-screen,.login-page,.state-page{display:grid;place-items:center;min-height:100vh;padding:24px}.loading-screen{align-content:center;color:var(--muted)}.loading-screen .brand-mark{margin-bottom:13px}.loading-screen p{margin:9px 0 0;font-size:.7rem}.loading-line{width:110px;height:2px;overflow:hidden;border-radius:9px;background:#dbe4e2}.loading-line:after{display:block;width:45%;height:100%;border-radius:inherit;background:var(--teal);animation:load 1s infinite alternate ease-in-out;content:""}@keyframes load{to{transform:translate(125%)}}.login-page,.state-page{background:#edf2f1}.login-panel,.state-card{width:min(360px,100%);padding:26px;border:1px solid var(--line);border-radius:11px;background:#fff}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:var(--navy);font-size:.9rem}.login-brand small{margin-top:2px;color:var(--muted);font-size:.65rem}.login-panel form{display:grid;gap:8px}.login-panel label{color:#4a6064;font-size:.69rem;font-weight:700}.login-panel input{min-height:40px;padding:0 10px;border:1px solid #cbd7d5;border-radius:7px}.form-error{padding:8px 10px;border-radius:6px;background:var(--danger-soft);color:var(--danger);font-size:.69rem}.state-card{text-align:center}.state-card>svg{width:30px;height:30px;color:var(--danger)}.state-card p{color:var(--muted);font-size:.74rem;line-height:1.5}.state-card .button-row{margin-top:18px}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.filter-bar{grid-template-columns:1fr 1fr 1fr}.search-box{grid-column:1 / -1}.compact-button{align-self:end}.scan-summary{grid-template-columns:1fr 1fr}.scan-summary>div:nth-child(2){border-right:0}.scan-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:820px){.shell{display:block}.sidebar{display:none}.mobile-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 16px;background:var(--navy);color:#fff}.mobile-brand{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff;font-size:.76rem;font-weight:720}.mobile-menu{position:relative}.mobile-menu summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:7px;list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:absolute;top:40px;right:0;display:grid;width:220px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 12px 35px #0000002e}.mobile-menu-panel a,.mobile-menu-panel button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 9px;border:0;border-radius:6px;background:#fff;color:#354d51;font-size:.72rem;text-decoration:none}.mobile-menu-panel a[aria-current=page]{background:#edf5f3;color:var(--teal)}.mobile-menu-panel button{border-top:1px solid var(--line);cursor:pointer}.content,.app-footer-inner{width:min(100% - 32px,720px)}.content{padding-top:24px}.dashboard-grid,.scanner-panel{grid-template-columns:1fr}.scanner-controls{border-right:0;border-bottom:1px solid var(--line)}.integration-strip{flex-wrap:wrap}.integration-strip>div{flex:1;min-width:145px}}@media(max-width:560px){.content,.app-footer-inner{width:calc(100% - 24px)}.content{padding:20px 0 36px}.app-footer-inner{align-items:flex-start;flex-direction:column}.page-stack{gap:12px}.page-header{align-items:flex-start}.page-header .button{min-width:36px}.page-header .button svg+*{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:78px;padding:13px}.metric strong{font-size:1.4rem}.filter-bar{grid-template-columns:1fr 1fr}.search-box{grid-column:1 / -1}.compact-button{width:100%}.scanner-controls{padding:14px}.scan-summary{margin-inline:12px}.scan-summary>div{padding:9px}.technical-details,.control-reason,.short-error{margin-inline:12px}.integration-strip>div{min-width:50%;border-bottom:1px solid var(--line)}.issue-details{grid-template-columns:1fr;padding:13px 36px}.issue-details .wide{grid-column:auto}.run-details{padding:13px 36px}}
