:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#05070b;--color-bg-elevated:#090f16;--color-surface:#0e151ec7;--color-surface-strong:#121b26eb;--color-surface-muted:#ffffff0b;--color-border:#ffffff1f;--color-border-strong:#9aece347;--color-text:#f4fbfc;--color-text-muted:#a7b7c2;--color-text-subtle:#748793;--color-primary:#8fe7df;--color-primary-strong:#50d6cc;--color-primary-soft:#8fe7df21;--color-secondary:#8ba8ff;--color-accent:#ffd166;--color-pass:#72e6a1;--color-pass-bg:#72e6a121;--color-warning:#ffd166;--color-warning-bg:#ffd16626;--color-fail:#ff6b7a;--color-fail-bg:#ff6b7a24;--radius-xs:6px;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-pill:999px;--shadow-soft:0 12px 32px #00000042;--shadow-card:0 18px 50px #00000052;--shadow-deep:0 28px 90px #00000075;--shadow-glow:0 0 0 1px #8fe7df1f, 0 0 34px #50d6cc1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--transition-fast:.14s ease;--transition-med:.22s ease;--blur-glass:blur(22px) saturate(145%);color:#edf7f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#070a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#1c75844d,#0000 34%),linear-gradient(315deg,#d24d5738,#0000 32%),#070a0d;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #8fe7df}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0}.hero{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:24px;margin-bottom:28px;display:grid}.eyebrow{color:#8fe7df;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.88rem;font-weight:700;display:inline-flex}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:12px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}h2{margin-bottom:0;font-size:1rem}.lede{color:#aebdc2;max-width:660px;margin-bottom:0;font-size:1.08rem;line-height:1.6}.hero-meter{background:#070a0dbd;border:1px solid #8fe7df42;border-radius:8px;justify-items:start;gap:6px;min-height:170px;padding:24px;display:grid;box-shadow:0 24px 70px #0000004d}.hero-meter svg{color:#8fe7df}.hero-meter span{font-size:2.4rem;font-weight:800}.hero-meter small{color:#aebdc2;text-transform:uppercase;font-weight:700}.workspace{grid-template-columns:370px minmax(0,1fr);gap:20px;display:grid}.tab-bar{background:#0d1318d1;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,auto));gap:8px;width:fit-content;max-width:100%;margin-bottom:18px;padding:6px;display:grid}.tab-bar button{color:#aebdc2;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.tab-bar button:hover,.tab-bar button.active{color:#fff;background:#123239;border-color:#8fe7df99}.control-panel,.results-panel{background:#0d1318e0;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 24px 80px #00000047}.control-panel{gap:18px;padding:20px;display:grid}.device-mini-panel{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;gap:7px;padding:14px;display:grid}.device-mini-panel h2{color:#fff}.device-mini-panel p{color:#aebdc2;margin-bottom:0;font-size:.9rem;line-height:1.45}.panel-header{align-items:center;gap:10px;display:flex}.panel-header svg{color:#ffd166}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-button,.segmented-group button{color:#d8e8eb;background:#101820;border:1px solid #ffffff1f;border-radius:8px;min-height:42px;font-weight:700;transition:border-color .16s,background .16s,color .16s}.preset-button:hover,.segmented-group button:hover,.segmented-group button.active{color:#fff;background:#123239;border-color:#8fe7dfbf}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.number-field,.select-field{color:#9fb0b5;text-transform:uppercase;gap:8px;font-size:.82rem;font-weight:800;display:grid}.number-field div{background:#080d11;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}input,select{color:#fff;background:#080d11;border:0;outline:0;width:100%;min-height:44px}input[aria-invalid=true]{color:#ffb1b7}input{min-width:0;padding:0 10px}.number-field small{color:#6d7f86;padding-right:10px}.field-error{color:#ff8c94;text-transform:none;padding-right:0;font-size:.74rem;font-weight:700}select{border:1px solid #ffffff1f;border-radius:8px;padding:0 12px}.segmented-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented-group button{overflow-wrap:anywhere;min-width:0}.results-panel{min-width:0;padding:20px}.recommendation-card{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:grid}.recommendation-card.ready,.recommendation-card.pass{background:linear-gradient(135deg,#57d68d24,#0000 58%),#0a1015;border-color:#57d68d66}.recommendation-card.warning{background:linear-gradient(135deg,#ffd16624,#0000 58%),#0a1015;border-color:#ffd16670}.recommendation-card.blocked,.recommendation-card.fail{background:linear-gradient(135deg,#ff596424,#0000 58%),#0a1015;border-color:#ff596466}.recommendation-icon{border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.recommendation-card.ready .recommendation-icon,.recommendation-card.pass .recommendation-icon{color:#7af0aa;background:#57d68d24}.recommendation-card.warning .recommendation-icon{color:#ffd166;background:#ffd16624}.recommendation-card.blocked .recommendation-icon,.recommendation-card.fail .recommendation-icon{color:#ff8c94;background:#ff596424}.recommendation-card p{color:#91a3a8;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:800}.recommendation-card strong{color:#fff;overflow-wrap:anywhere;margin-bottom:5px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.1;display:block}.recommendation-card small{color:#aebdc2;font-weight:700}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;min-height:86px;padding:16px;transition:border-color .16s,transform .16s,background .16s;display:flex}.stat-card:hover,.conversion-status-card:hover,.result-card:hover,.device-details-panel:hover,.notes-panel:hover{border-color:#8fe7df47;transform:translateY(-1px)}.stat-icon{color:#8fe7df;background:#8fe7df1f;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.stat-card p{color:#91a3a8;text-transform:uppercase;margin-bottom:3px;font-size:.8rem;font-weight:800}.stat-card strong{color:#fff;font-size:1.18rem}.conversion-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.conversion-status-card{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:15px;display:grid}.conversion-status-card>span{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.conversion-status-card p{color:#91a3a8;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800}.conversion-status-card strong{color:#fff;overflow-wrap:anywhere;font-size:1.12rem}.conversion-status-card.pass{border-color:#57d68d47}.conversion-status-card.pass>span{color:#7af0aa;background:#57d68d21}.conversion-status-card.warning{border-color:#ffd1664d}.conversion-status-card.warning>span{color:#ffd166;background:#ffd16621}.conversion-status-card.fail>span{color:#ff8c94;background:#ff59641f}.detail-panel{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:18px;padding:16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.summary-dot{border-radius:50%;width:11px;height:11px}.pass-dot{background:#57d68d;box-shadow:0 0 18px #57d68d8c}.fail-dot{background:#ff5964;box-shadow:0 0 18px #ff59648c}.detail-grid{background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.detail-item{background:#0d151b;min-height:76px;padding:13px}.detail-item dt{color:#8ea1a6;text-transform:uppercase;margin-bottom:7px;font-size:.74rem;font-weight:800}.detail-item dd{color:#fff;overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:800}.detail-item.pass dd{color:#7af0aa}.detail-item.fail dd{color:#ff8c94}.notes-panel{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.notes-panel h2{margin-bottom:8px}.notes-panel p{color:#aebdc2;margin-bottom:0;line-height:1.55}.notes-panel p+p{margin-top:10px}.device-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.device-details-panel{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;padding:16px;transition:border-color .16s,transform .16s}.device-details-panel h2{margin-bottom:12px}.device-details-panel p{color:#aebdc2;margin:12px 0 0;line-height:1.55}.device-details-list{background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:660px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:15px 14px}th{color:#8ea1a6;text-transform:uppercase;font-size:.78rem}td{color:#d9e7ea;font-weight:700}.usage-cell{grid-template-columns:52px minmax(120px,1fr);align-items:center;gap:10px;display:grid}.usage-track{background:#202b32;border-radius:999px;height:9px;position:relative;overflow:hidden}.usage-track span{border-radius:inherit;height:100%;display:block}.pass-bar{background:#57d68d}.fail-bar{background:#ff5964}.status{border-radius:999px;align-items:center;gap:7px;min-width:78px;padding:7px 10px;font-size:.86rem;display:inline-flex}.status.pass{color:#7af0aa;background:#57d68d1f}.status.fail{color:#ff8c94;background:#ff59641f}@media (width<=900px){.hero,.workspace,.stats-grid,.conversion-status-grid,.detail-grid{grid-template-columns:1fr}.hero-meter{min-height:auto}.tab-bar{grid-template-columns:1fr;width:100%}.tab-bar button{white-space:normal;justify-content:flex-start}}@media (width<=560px){.app-shell{width:min(100% - 20px,1180px);padding:22px 0}.field-grid,.preset-grid{grid-template-columns:1fr}.hero{margin-bottom:18px}h1{font-size:2.35rem}.recommendation-card,.conversion-status-card{grid-template-columns:1fr}.recommendation-icon,.conversion-status-card>span{width:44px;height:44px}th,td{padding:12px 10px}}.dashboard-shell{background:linear-gradient(135deg,#237d8938,#0000 32%),linear-gradient(315deg,#cd585d29,#0000 30%),#070a0d;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0deb;border-right:1px solid #ffffff1a;flex-direction:column;gap:24px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;display:grid}.sidebar-brand>span{color:#8fe7df;background:#8fe7df1f;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{color:#fff;font-size:1.05rem}.sidebar-brand small{color:#91a3a8;text-transform:uppercase;font-weight:800}.sidebar-close{display:none}.sidebar-nav{gap:6px;display:grid}.sidebar-nav button{color:#aebdc2;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-weight:800;display:flex}.sidebar-nav button:hover,.sidebar-nav button.active{color:#fff;background:#123239;border-color:#8fe7df5c}.dashboard-main{min-width:0}.app-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0dc7;border-bottom:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;padding:18px 28px;display:grid;position:sticky;top:0}.app-header p{color:#8fe7df;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:900}.app-header h1{margin-bottom:4px;font-size:clamp(1.7rem,3vw,2.55rem);line-height:1}.app-header span{color:#aebdc2;line-height:1.4}.breadcrumb{color:#6d7f86;margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.mobile-menu-button{color:#fff;background:#101820;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:42px;height:42px;display:none}.header-actions{color:#aebdc2;background:#101820d1;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.content-area{width:min(1280px,100%);margin:0 auto;padding:24px 28px 42px}.content-with-projects{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.page-content{min-width:0}.project-sidebar{background:#0a1015c7;border:1px solid #ffffff1a;border-radius:8px;align-content:start;gap:16px;max-height:calc(100vh - 140px);padding:14px;display:grid;position:sticky;top:116px;overflow:auto}.project-sidebar h2{color:#91a3a8;text-transform:uppercase;margin-bottom:8px;font-size:.76rem}.muted-text{color:#6d7f86;font-size:.86rem}.project-list-item{border:1px solid #0000;border-radius:8px;gap:8px;padding:10px;display:grid}.project-list-item>button{color:#fff;text-align:left;background:0 0;border:0;gap:3px;padding:0;display:grid}.project-list-item small{color:#91a3a8}.project-list-item>div{gap:6px;display:flex}.project-list-item>div button,.project-actions button,.project-action-bar button{color:#d8e8eb;background:#101820;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex}.project-action-bar{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.project-action-bar span{color:#aebdc2;margin-right:auto;font-weight:800}.projects-page,.settings-grid{grid-template-columns:360px minmax(0,1fr);gap:18px;display:grid}textarea{resize:vertical;color:#fff;min-height:110px;font:inherit;background:#080d11;border:1px solid #ffffff1f;border-radius:8px;padding:12px}.project-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-actions input{border:1px solid #ffffff1f;border-radius:8px;flex:220px}.manual-timing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.checkbox-row{color:#d8e8eb;align-items:center;gap:10px;min-height:42px;font-weight:800;display:flex}.checkbox-row input{width:auto;min-height:auto}.about-panel{max-width:880px}.flow-chain,.search-results{gap:14px;margin-top:16px;display:grid}.flow-node{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;gap:12px;padding:16px;display:grid}.flow-node svg{color:#8fe7df}.splash-screen,.onboarding-overlay{z-index:50;background:linear-gradient(135deg,#237d8947,#0000 38%),#070a0d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.splash-card,.onboarding-card{background:#0a1015f0;border:1px solid #8fe7df3d;border-radius:8px;width:min(520px,100%);padding:30px;box-shadow:0 28px 100px #0006}.logo-mark{color:#8fe7df;background:#8fe7df1f;border-radius:8px;place-items:center;width:58px;height:58px;margin-bottom:16px;display:grid}.splash-card p,.onboarding-card p{color:#8fe7df;text-transform:uppercase;margin-bottom:8px;font-weight:900}.splash-card h1{margin-bottom:10px}.splash-card button,.onboarding-actions button{color:#fff;background:#123239;border:1px solid #8fe7df66;border-radius:8px;min-height:42px;margin-top:20px;padding:0 14px;font-weight:900}.onboarding-progress{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:20px;display:grid}.onboarding-progress i{background:#202b32;border-radius:999px;height:5px}.onboarding-actions{justify-content:space-between;gap:10px;display:flex}.loading-state{color:#aebdc2;background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;place-items:center;min-height:240px;font-weight:900;display:grid}.app-footer{color:#6d7f86;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;padding:14px;font-size:.8rem;font-weight:800;display:flex}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-page{gap:18px;display:grid}.dashboard-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.placeholder-panel{color:#aebdc2;background:#0d151b;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:14px;min-height:126px;padding:18px;display:flex}.placeholder-panel svg{color:#8fe7df}.placeholder-panel strong{color:#fff;margin-bottom:5px;display:block}.placeholder-panel p,.placeholder-page p{color:#aebdc2;margin-bottom:0;line-height:1.55}.result-card{background:#0a1015;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:18px;padding:18px}.result-card.pass{background:linear-gradient(135deg,#57d68d1f,#0000 48%),#0a1015;border-color:#57d68d57}.result-card.fail{background:linear-gradient(135deg,#ff59641f,#0000 48%),#0a1015;border-color:#ff59645c}.result-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.result-card-header p{color:#91a3a8;text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:900}.result-card-header strong{color:#fff;font-size:clamp(1.4rem,3vw,2rem)}.verified-grid{background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.status-badge.pass{color:#7af0aa;background:#57d68d24}.status-badge.warning{color:#ffd166;background:#ffd16624}.status-badge.fail{color:#ff8c94;background:#ff596424}.commercial-table-wrap{border:1px solid #ffffff14;border-radius:8px}.compatibility-table{min-width:980px}.compatibility-table td{vertical-align:top}.utilization-cell{gap:8px;min-width:150px;display:grid}.utilization-bar{background:#202b32;border-radius:999px;height:10px;overflow:hidden}.utilization-fill{border-radius:inherit;height:100%;display:block}.utilization-fill.pass{background:#57d68d}.utilization-fill.warning{background:#ffd166}.utilization-fill.fail{background:#ff5964}.smart-result{white-space:normal;gap:5px;min-width:280px;max-width:440px;display:grid}.smart-result p,.smart-result small{margin:0;line-height:1.45}.smart-result p{color:#edf7f8}.smart-result small{color:#91a3a8}@media (width<=1120px){.dashboard-card-grid,.dashboard-two-column,.device-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.content-with-projects,.projects-page,.settings-grid{grid-template-columns:1fr}.project-sidebar{max-height:none;position:static}}@media (width<=860px){.dashboard-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(320px,100vw - 48px);transition:transform .18s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-menu-button{display:grid}.sidebar-close{color:#fff;background:#101820;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:34px;height:34px}.sidebar-scrim{z-index:15;background:#00000085;border:0;position:fixed;inset:0}.app-header{grid-template-columns:auto minmax(0,1fr);padding:16px}.header-actions{display:none}.content-area{padding:18px 14px 32px}.dashboard-card-grid,.dashboard-two-column,.device-details-grid,.device-details-list,.help-grid,.manual-timing-grid,.verified-grid{grid-template-columns:1fr}}:root{color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans)}body{background:radial-gradient(circle at 18% 8%,#8fe7df2e,#0000 30%),radial-gradient(circle at 84% 20%,#8ba8ff29,#0000 28%),linear-gradient(145deg,#05070b 0%,#071017 48%,#05070b 100%)}body:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 76%);mask-image:linear-gradient(#000000b8,#0000 76%)}button,input,select,textarea{font-family:var(--font-sans)}button{transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.dashboard-shell{background:radial-gradient(circle at 20% 0%, #8fe7df2e, transparent 30%), radial-gradient(circle at 88% 18%, #8ba8ff24, transparent 26%), linear-gradient(135deg, #ffffff06, transparent 28%), var(--color-bg)}.sidebar,.app-header,.control-panel,.results-panel,.project-sidebar,.detail-panel,.notes-panel,.device-details-panel,.result-card,.stat-card,.conversion-status-card,.recommendation-card,.device-mini-panel,.flow-node,.placeholder-panel,.loading-state,.splash-card,.onboarding-card{border-color:var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffff16, #ffffff06), var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.sidebar{border-right-color:#ffffff1c;box-shadow:22px 0 70px #0000003d}.sidebar-brand{border-radius:var(--radius-lg);background:#ffffff09;border:1px solid #ffffff14;padding:8px}.sidebar-brand>span,.logo-mark,.stat-icon,.recommendation-icon,.conversion-status-card>span{background:linear-gradient(145deg,#8fe7df33,#8fe7df0f);border:1px solid #8fe7df38;box-shadow:inset 0 1px #ffffff1a,0 10px 28px #0000003d}.sidebar-nav{gap:8px}.sidebar-nav button,.mobile-menu-button,.preset-button,.segmented-group button,.project-list-item>div button,.project-actions button,.project-action-bar button,.splash-card button,.onboarding-actions button,.ui-button{border-radius:var(--radius-sm);color:var(--color-text);background:linear-gradient(#ffffff14,#ffffff06),#ffffff0b;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff14}.sidebar-nav button:hover,.sidebar-nav button.active,.preset-button:hover,.segmented-group button:hover,.segmented-group button.active,.project-action-bar button:hover,.project-actions button:hover,.ui-button.primary,.ui-button:hover{color:#fff;box-shadow:var(--shadow-glow);background:linear-gradient(#8fe7df33,#8fe7df12),#123239d1;border-color:#8fe7df6b}.ui-button.danger{background:var(--color-fail-bg);border-color:#ff6b7a57}.ui-button.ghost{background:0 0}.app-header{background:linear-gradient(#0a1018db,#0a1018ad),#05070bb8;min-height:96px}.app-header h1{color:var(--color-text);font-weight:850}.app-header p,.eyebrow{color:var(--color-primary);letter-spacing:.08em}.app-header span,.lede,.notes-panel p,.placeholder-panel p,.placeholder-page p,.device-details-panel p{color:var(--color-text-muted)}.header-actions,.project-action-bar,.commercial-table-wrap,.table-wrap,.tab-bar,.ui-toolbar,.ui-tabs{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);background:#ffffff0b}.content-area{padding-top:28px}.workspace,.dashboard-page,.flow-chain,.search-results{animation:.26s both view-enter}.control-panel,.results-panel{padding:var(--space-6)}.control-panel{align-content:start}.panel-header,.section-heading,.result-card-header{border-bottom:1px solid #ffffff13;padding-bottom:10px}.panel-header h2,.section-heading h2,.notes-panel h2,.device-details-panel h2{color:var(--color-text);font-weight:850}.number-field,.select-field,.ui-field{color:var(--color-text-subtle);letter-spacing:.055em}.number-field div,input,select,textarea,.ui-field input,.ui-field select{border-radius:var(--radius-sm);color:var(--color-text);background:linear-gradient(#ffffff0e,#ffffff05),#03070bc2;border-color:#ffffff1f}.number-field div:focus-within,.select-field:focus-within select,.project-actions input:focus,textarea:focus{border-color:#8fe7df94;box-shadow:0 0 0 3px #8fe7df1f}.field-error,input[aria-invalid=true]{color:var(--color-fail)}.stats-grid,.conversion-status-grid,.dashboard-card-grid{gap:var(--space-4)}.stat-card,.conversion-status-card,.placeholder-panel,.project-list-item,.flow-node,.recommendation-card,.result-card,.detail-panel,.notes-panel,.device-details-panel,.ui-card,.ui-panel{transition:border-color var(--transition-med), box-shadow var(--transition-med), transform var(--transition-med)}.stat-card:hover,.conversion-status-card:hover,.result-card:hover,.device-details-panel:hover,.notes-panel:hover,.placeholder-panel:hover,.flow-node:hover,.ui-card:hover,.ui-panel:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-2px)}.result-card.pass,.recommendation-card.ready,.recommendation-card.pass,.conversion-status-card.pass{background:linear-gradient(145deg, #72e6a121, #ffffff06 46%), var(--color-surface);border-color:#72e6a157}.result-card.fail,.recommendation-card.blocked,.recommendation-card.fail{background:linear-gradient(145deg, #ff6b7a21, #ffffff06 46%), var(--color-surface);border-color:#ff6b7a5c}.recommendation-card.warning,.conversion-status-card.warning{background:linear-gradient(145deg, #ffd16621, #ffffff06 46%), var(--color-surface);border-color:#ffd1665c}.detail-grid,.verified-grid,.device-details-list{background:#ffffff16;border-color:#ffffff17}.detail-item{background:linear-gradient(#ffffff0e,#ffffff05),#080e15d1}.detail-item dt,th{color:var(--color-text-subtle);letter-spacing:.06em}.detail-item dd,td,.stat-card strong,.conversion-status-card strong,.placeholder-panel strong{color:var(--color-text)}.status-badge,.status,.ui-status-chip{border-radius:var(--radius-pill);border:1px solid #0000;box-shadow:inset 0 1px #ffffff14}.status-badge.pass,.status.pass,.ui-status-chip.pass{background:var(--color-pass-bg);color:var(--color-pass);border-color:#72e6a138}.status-badge.warning,.ui-status-chip.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#ffd1663d}.status-badge.fail,.status.fail,.ui-status-chip.fail{background:var(--color-fail-bg);color:var(--color-fail);border-color:#ff6b7a40}.commercial-table-wrap,.table-wrap{overflow:auto}table{border-collapse:separate;border-spacing:0}th{z-index:1;background:#ffffff09;position:sticky;top:0}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#8fe7df0e}td{border-bottom-color:#ffffff13}.utilization-bar,.usage-track,.ui-progress{border-radius:var(--radius-pill);background:#ffffff18;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000006b}.utilization-fill,.usage-track span,.ui-progress span{border-radius:inherit;height:100%;transition:width .32s;display:block}.utilization-fill.pass,.pass-bar,.ui-progress span.pass{background:linear-gradient(90deg, #35c978, var(--color-pass));box-shadow:0 0 18px #72e6a147}.utilization-fill.warning,.ui-progress span.warning{background:linear-gradient(90deg, #ffb545, var(--color-warning));box-shadow:0 0 18px #ffd16647}.utilization-fill.fail,.fail-bar,.ui-progress span.fail{background:linear-gradient(90deg, #ff5063, var(--color-fail));box-shadow:0 0 18px #ff6b7a47}.project-list-item{background:#ffffff06}.project-list-item.active{background:linear-gradient(145deg,#8fe7df24,#ffffff08);border-color:#8fe7df5c}.splash-screen,.onboarding-overlay{-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);background:radial-gradient(circle at 35% 20%,#8fe7df38,#0000 32%),radial-gradient(circle at 78% 72%,#8ba8ff29,#0000 30%),#05070bf0}.splash-card,.onboarding-card,.ui-modal{box-shadow:var(--shadow-deep), var(--shadow-glow)}.onboarding-progress i.active{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary))}.loading-state,.ui-skeleton{position:relative;overflow:hidden}.loading-state:after,.ui-skeleton span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff17,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0}.ui-card,.ui-panel{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffff13, #ffffff06), var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.ui-toolbar{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ui-tabs{gap:var(--space-1);padding:var(--space-1);grid-auto-flow:column;display:inline-grid}.ui-tabs button{min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;border:1px solid #0000;font-weight:850}.ui-tabs button.active,.ui-tabs button:hover{background:var(--color-primary-soft);color:var(--color-text);border-color:#8fe7df61}.ui-modal-backdrop{z-index:80;padding:var(--space-5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000009e;place-items:center;display:grid;position:fixed;inset:0}.ui-modal{width:min(620px,100%);padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-strong)}.ui-modal header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.ui-notification,.ui-toast{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-strong);box-shadow:var(--shadow-card)}.ui-notification{padding:var(--space-4)}.ui-notification p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.ui-toast{padding:var(--space-3) var(--space-4)}.ui-skeleton{gap:var(--space-3);display:grid}.ui-skeleton span{border-radius:var(--radius-pill);background:#ffffff12;height:16px;position:relative;overflow:hidden}@keyframes view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=860px){.dashboard-shell{background:radial-gradient(circle at 45% 0%, #8fe7df24, transparent 34%), var(--color-bg)}.app-header{min-height:82px}.control-panel,.results-panel{padding:var(--space-4)}.ui-tabs{grid-auto-flow:row;width:100%}}.project-summary-list{gap:12px;display:grid}.project-summary-list div{background:#090e13b8;border:1px solid #ffffff1a;border-radius:8px;gap:4px;padding:12px;display:grid}.project-summary-list span{color:#91a3a8;text-transform:uppercase;font-size:.78rem;font-weight:800}.project-summary-list strong{color:#f6fbfc}.empty-state{color:#aebdc2;background:#101820c7;border:1px solid #8fe7df2e;border-radius:8px;align-items:center;gap:14px;padding:20px;display:flex}.empty-state svg{color:#8fe7df}.empty-state strong{color:#fff}.compact-actions{margin-top:14px}.enhanced-projects-page{align-items:start}.project-workspace-panel{gap:16px;padding:20px;display:grid}.project-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-form-grid input,.project-form-grid select,.date-field input,.projects-page textarea,.control-panel textarea,.control-panel input,.control-panel select,.project-workspace-panel textarea{color:#edf7f8;background:#080d12eb;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}.projects-page textarea,.project-workspace-panel textarea{resize:vertical;min-height:92px}.date-field{color:#9fb0b5;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}.project-filter-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.project-filter-toggle button{color:#aebdc2;background:#101820;border:1px solid #ffffff1f;border-radius:8px;min-height:38px;font-weight:800}.project-filter-toggle button.active,.project-filter-toggle button:hover{color:#fff;background:#123239;border-color:#8fe7dfbf}.nested-panel{background:#080d1273;padding:16px}.icon-table-button{color:#d8fbf8;background:#1232397a;border:1px solid #8fe7df3d;border-radius:8px;align-items:center;gap:6px;min-height:32px;font-weight:800;display:inline-flex}.active-row{background:#12323961;outline:1px solid #8fe7df57}.reports-page{gap:20px;display:grid}.muted-text{color:#91a3a8}@media (width<=960px){.project-form-grid{grid-template-columns:1fr}}