:root{color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#071521;--bg-elevated:#0d1b2a;--panel:#101f31;--panel-2:#12263d;--card:#132b42;--card-soft:#0f2237;--line:#7a98c52e;--text:#edf5ff;--muted:#a1b5d1;--muted-strong:#c5d4ec;--primary:#55d6ff;--primary-strong:#1b9fe0;--success:#36d399;--warning:#f5b65b;--danger:#f96565;--blue:#4cc9f0;--shadow:0 12px 28px #03091247;background:#071521;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0}body{background:radial-gradient(circle at top left, #2d6aa033, transparent 30%), radial-gradient(circle at bottom right, #3aadff2e, transparent 26%), var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{background:#081b2a;min-height:100vh;display:flex}.sidebar-shell{border-right:1px solid var(--line);background:#0a131deb;flex-shrink:0;width:260px}.sidebar{background:#0a131df0;flex-direction:column;justify-content:space-between;min-height:100vh;padding:22px 18px 18px;display:flex}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 6px 18px;display:flex}.brand-icon{width:34px;height:34px;color:var(--primary);background:#4cc9f01f;border-radius:10px;place-items:center;display:grid}.brand-title{font-size:.95rem;font-weight:700}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:.72rem}.side-nav{flex-direction:column;gap:10px;margin-top:18px;display:flex}.nav-item{width:100%;color:var(--muted-strong);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text);background:#55d6ff17;border-color:#55d6ff29}.sidebar-user{border-top:1px solid var(--line);color:var(--muted-strong);align-items:center;gap:12px;padding:14px 10px 6px;display:flex}.avatar-chip{width:28px;height:28px;color:var(--success);background:#36d3991a;border-radius:10px;place-items:center;display:grid}.user-label{opacity:.7;font-size:.66rem;display:block}.main-panel{background:#07152138;flex:1;padding:22px 24px 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:10px 2px 18px;display:flex}.page-title{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.search-box{border:1px solid var(--line);min-width:240px;color:var(--muted);background:#12263dcc;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:none;outline:none}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--text);background:#12263dcc;border-radius:12px;position:relative}.notification-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px;box-shadow:0 0 0 3px #f965652e}.notification-wrapper{position:relative}.notification-panel{background:var(--panel);border:1px solid var(--line);width:280px;box-shadow:var(--shadow);z-index:9;border-radius:14px;position:absolute;top:calc(100% + 12px);right:0}.notification-item{border-bottom:1px solid var(--line);color:var(--muted-strong);padding:12px 14px}.notification-item:last-child{border-bottom:none}.profile-pill{border:1px solid var(--line);color:var(--muted-strong);background:#12263dcc;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;display:flex}.primary-button,.secondary-button{border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:transform .2s,opacity .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#071521;font-weight:700;box-shadow:0 10px 24px #3196dd47}.primary-button:hover,.secondary-button:hover,.chip:hover{transform:translateY(-1px)}.secondary-button{color:var(--text);background:#4cc9f014;border:1px solid #4cc9f029}.secondary-button.muted{background:#ffffff08}.login-shell{background:radial-gradient(circle at 20% 20%,#4cc9f024,#0000 26%),radial-gradient(circle at 80% 30%,#55d6ff1f,#0000 30%),#071521;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(1020px,100%);box-shadow:var(--shadow);background:#0c1824cc;border:1px solid #7897bc2e;border-radius:26px;grid-template-columns:1.2fr .9fr;gap:24px;padding:24px;display:grid}.login-copy{padding:18px 12px 18px 10px}.brand-badge{color:var(--primary);background:#4cc9f01a;border:1px solid #4cc9f033;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.login-copy h1{margin:20px 0 10px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.login-copy p{color:var(--muted);font-size:1.04rem}.hero-stats{flex-wrap:wrap;gap:18px;margin-top:28px;display:flex}.hero-stats div{min-width:120px}.hero-stats strong{color:var(--text);font-size:1.8rem;display:block}.hero-stats span{color:var(--muted);font-size:.8rem;display:block}.login-form{border:1px solid var(--line);background:#111f2edb;border-radius:22px;flex-direction:column;gap:14px;padding:26px 22px;display:flex}.login-form h2{margin:0 0 8px;font-size:1.55rem}.login-form label,.scan-form label,.settings-group label{color:var(--muted-strong);flex-direction:column;gap:8px;font-size:.94rem;display:flex}.login-form input,.scan-form input,.scan-form select,.settings-group input,.settings-group select,.history-controls select{border:1px solid var(--line);color:var(--text);background:#09121cbf;border-radius:10px;outline:none;padding:10px 12px}.login-demo{width:100%}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#111f2ecc;border-radius:20px;margin-top:24px;padding:20px}.panel h3,.panel h4{margin:0}.overview-grid{grid-template-columns:minmax(260px,340px) 1fr;gap:22px;margin-top:26px;display:grid}.score-ring-card{border:1px solid var(--line);background:#0f1f2fd6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:22px 18px;display:flex}.score-visual{width:200px;height:200px;margin-bottom:16px;position:relative}.score-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#7a98c526;stroke-width:14px}.ring-progress{fill:none;stroke:var(--primary);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .5s}.score-text-wrap{justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(90deg)}.score-value{font-size:2.4rem;line-height:1}.score-max{color:var(--muted);font-size:1rem}.score-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.score-summary{text-align:center}.score-status{color:var(--success);margin-top:10px;font-size:1.1rem;font-weight:700}.scan-meta{color:var(--muted);margin-top:8px;font-size:.86rem}.trend-up{color:var(--success);margin-top:10px;font-size:.88rem;font-weight:600}.pillar-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;display:grid}.metric-card{border:1px solid var(--line);background:#0f1f2fd6;border-radius:18px;padding:16px}.metric-card.green{border-color:#36d39933}.metric-card.orange{border-color:#f5b65b33}.metric-card.blue{border-color:#4cc9f033}.metric-card.red{border-color:#f9656533}.card-header-row,.panel-header-row,.app-header-row,.app-action-row,.report-head-row,.app-summary-row,.detail-score-grid,.recommendation-topline,.recommendation-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.74rem}.score-row{align-items:baseline;gap:2px;display:flex}.metric-score{font-size:2rem;font-weight:700;line-height:1}.score-slash{color:var(--muted);font-size:.85rem}.status-badge,.tiny-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.status-good,.tiny-badge.good{color:var(--success);background:#36d3991f}.status-warning,.tiny-badge.warning{color:var(--warning);background:#f5b65b1f}.status-danger,.tiny-badge.danger{color:var(--danger);background:#f965651f}.status-info{color:var(--primary);background:#4cc9f01f}.progress-track{background:#7a98c51f;border-radius:999px;width:100%;height:8px;margin:18px 0 14px;overflow:hidden}.progress-track.large{height:11px;margin:18px 0 22px}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--primary));height:100%;display:block}.metric-detail{color:var(--muted);min-height:40px;margin:0 0 16px}.segmented-control{border:1px solid var(--line);background:#09121cbf;border-radius:12px;flex-wrap:wrap;gap:8px;padding:7px;display:inline-flex}.segmented-control button,.chip{color:var(--muted-strong);background:0 0;border:none;border-radius:10px;padding:7px 10px;font-size:.79rem}.segmented-control button.active,.chip.active{color:var(--text);background:#55d6ff1f}.chart-area{min-height:260px;margin-top:14px}.action-header{margin-bottom:18px}.application-card-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;display:grid}.application-card{border:1px solid var(--line);background:#0d1b2af5;border-radius:18px;padding:18px}.app-name{font-size:1.04rem;font-weight:700}.app-meta,.app-url,.app-summary-row small,.details-meta-row small{color:var(--muted);font-size:.78rem}.app-score-row{align-items:end;gap:10px;margin:18px 0;display:flex}.app-score-row strong{font-size:2.1rem}.app-score-row span{color:var(--muted)}.app-summary-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.app-summary-row div{flex-direction:column;gap:4px;display:flex}.app-action-row{margin-top:16px}.app-action-row .secondary-button,.row-actions .secondary-button{flex:1}.scan-form{gap:18px;max-width:620px;display:grid}.checkbox-group{flex-wrap:wrap;gap:18px;padding-top:8px;display:flex}.checkbox-group label{color:var(--muted-strong);align-items:center;gap:8px;display:flex}.scan-progress-box{flex-direction:column;gap:12px;display:flex}.progress-header{justify-content:space-between;gap:16px;font-size:1.1rem;font-weight:600;display:flex}.scan-stage-list{color:var(--muted-strong);gap:10px;margin:0;padding:0;list-style:none;display:grid}.scan-stage-list li{border-left:3px solid #7a98c533;padding-left:12px}.scan-stage-list li.done{border-color:var(--success);color:var(--text)}.completion-box{border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.result-summary{margin-bottom:18px;font-size:1.2rem;font-weight:700}.completion-actions{flex-wrap:wrap;gap:12px;display:flex}.report-head-row{align-items:flex-start}.report-meta-line{color:var(--muted);margin-top:8px}.report-score-box{background:#55d6ff12;border:1px solid #55d6ff1f;border-radius:14px;margin:18px 0;padding:16px 18px;font-size:1.12rem;font-weight:700}.report-sections{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;display:grid}.report-card{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;padding:18px}.report-card h4{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.report-card ul,.detail-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-card li,.detail-card li{border-bottom:1px solid var(--line);color:var(--muted-strong);justify-content:space-between;gap:14px;padding:9px 0;display:flex}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.recommendation-list{gap:16px;display:grid}.recommendation-item{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;padding:16px 18px}.recommendation-topline{margin-bottom:10px}.recommendation-meta{color:var(--muted);flex-wrap:wrap;margin-bottom:10px;font-size:.78rem}.recommendation-item p{color:var(--muted-strong);margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px 10px}th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.history-chart-block{margin-top:24px}.settings-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;display:grid}.settings-group{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;gap:14px;padding:18px;display:grid}.settings-group h4{margin:0 0 4px}.toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle-row input{width:18px;height:18px}.details-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.details-main-card{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;padding:18px}.app-name-row{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.app-name.large{font-size:1.5rem}.details-meta-row{grid-template-columns:repeat(2,minmax(130px,1fr));gap:16px;display:grid}.details-meta-row div{flex-direction:column;gap:6px;display:flex}.detail-score-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:14px;display:grid}.mini-stat{border:1px solid var(--line);background:#0d1b2af0;border-radius:14px;gap:8px;padding:16px 14px;display:grid}.mini-stat span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.73rem}.mini-stat strong{font-size:1.8rem}.detail-lists{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;margin-top:20px;display:grid}.detail-card{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;padding:18px}.detail-card h4{margin-bottom:12px}.application-list{gap:14px;display:grid}.application-row{border:1px solid var(--line);background:#0d1b2af0;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.application-row-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.app-icon-box{width:42px;height:42px;color:var(--primary);background:#55d6ff14;border-radius:12px;place-items:center;display:grid}.application-metrics{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:.84rem;display:flex}.row-actions{flex:none;gap:10px;display:flex}.mobile-sidebar,.mobile-topbar-tools{display:none}@media (width<=980px){.desktop-only{display:none}.mobile-sidebar{z-index:20;width:260px;min-height:100vh;transition:left .25s;display:block;position:fixed;top:0;left:-100%}.mobile-sidebar.open{left:0}.main-panel{padding-left:18px;padding-right:18px}.overview-grid,.details-grid,.report-sections,.settings-grid,.detail-lists,.application-card-grid,.login-panel{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.search-box{flex:1;min-width:0}.mobile-topbar-tools{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}}@media (width<=640px){.main-panel{padding-top:12px}.topbar-actions{display:none}.mobile-topbar-tools{display:flex}.panel,.login-panel{padding:16px}.app-header-row,.panel-header-row,.recommendation-topline,.action-header,.report-head-row,.application-row,.completion-actions{flex-direction:column;align-items:flex-start}.application-row{align-items:stretch}.row-actions{width:100%}.row-actions .secondary-button,.app-action-row .secondary-button{min-width:0}.search-box{display:none}.login-panel{padding:18px 14px}}