:root{--bg:#f5f4ef;--surface:#ffffffdb;--text:#112238;--muted:#5f7087;--line:#1122381a;--navy:#10345b;--teal:#0f9d8a;--orange:#f28c28;--red:#d9534f;--green:#2e9b4f;--shadow:0 22px 50px #10345b1f;--radius-xl:26px;--radius-lg:18px;--radius-md:14px;--font-ui:"Aptos", "Segoe UI Variable", "Trebuchet MS", Tahoma, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-ui);color:var(--text);background:radial-gradient(circle at 100% 0,#0f9d8a24,#0000 28%),radial-gradient(circle at 0 100%,#f28c2824,#0000 24%),linear-gradient(160deg,#faf8f2 0%,#f1efe8 45%,#eef3f7 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#10345b08 1px,#0000 1px),linear-gradient(90deg,#10345b08 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 80%);mask-image:radial-gradient(circle,#000 25%,#0000 80%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{grid-template-columns:300px 1fr;gap:24px;padding:24px;display:grid}.sidebar,.card,.hero-panel,.modal-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffffb3}.sidebar{border-radius:34px;flex-direction:column;gap:22px;height:calc(100vh - 48px);padding:22px;display:flex;position:sticky;top:24px}.brand-card{grid-template-columns:68px 1fr;gap:14px;display:grid}.brand-mark{background:linear-gradient(135deg, var(--navy), var(--teal));color:#fff;border-radius:20px;place-items:center;width:68px;height:68px;font-size:1.25rem;font-weight:700;display:grid}.brand-card h1,.topbar h2,.hero-panel h3,.card h3{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:.72rem}.brand-copy,.card-copy,.sidebar-panel p,.hero-panel p{color:var(--muted);margin:8px 0 0;line-height:1.7}.nav-links{flex-direction:column;gap:10px;display:flex}.nav-link,.ghost-button,.primary-button,.icon-button{border-radius:14px;transition:transform .18s,background .18s,color .18s}.nav-link{color:var(--text);text-align:right;background:#ffffff80;padding:14px 16px}.nav-link.active,.nav-link:hover{color:#fff;background:linear-gradient(135deg,#10345beb,#1b4f86eb);transform:translateY(-1px)}.sidebar-panel{color:#fff;background:linear-gradient(160deg,#10345bf2,#0f9d8ae0);border-radius:20px;margin-top:auto;padding:18px}.sidebar-panel .panel-label,.sidebar-panel p{color:#ffffffd1}.content{flex-direction:column;gap:22px;padding-bottom:24px;display:flex}.topbar,.card-head,.hero-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar-actions,.composer-actions,.filter-actions,.detail-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.ghost-button,.icon-button{padding:12px 18px;font-weight:600}.primary-button{color:#fff;background:linear-gradient(135deg, var(--navy), var(--teal));box-shadow:0 12px 26px #10345b2e}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.ghost-button,.icon-button{color:var(--navy);background:#10345b14}.section{gap:22px;display:none}.section.active{flex-direction:column;display:flex}.hero-panel,.card{border-radius:var(--radius-xl);padding:24px}.hero-panel{background:linear-gradient(120deg,#ffffffeb,#f3f9fcdb),linear-gradient(135deg,#10345b0d,#0f9d8a0f)}.hero-badges,.lead-meta,.detail-meta{flex-wrap:wrap;gap:10px;display:flex}.hero-badges span,.tag,.score-badge,.status-badge,.website-flag{border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.hero-badges span,.tag{color:var(--navy);background:#10345b14}.stats-grid,.dashboard-grid,.results-grid,.section-split{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.15fr .85fr}.section-split{grid-template-columns:1.25fr .75fr}.stat-card,.lead-snippet,.template-card,.bar-row,.result-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffb8;padding:16px}.stat-card strong{margin-top:14px;font-size:2rem;display:block}.stat-card .trend,.detail-panel p,.roadmap-list,.empty-note{color:var(--muted)}.stack-list,.template-list,.bar-list,.detail-panel{flex-direction:column;gap:12px;display:flex}.score-badge.strong,.website-flag.no-site{color:var(--green);background:#2e9b4f24}.score-badge.medium{color:#b76d1a;background:#f28c2829}.score-badge.weak,.website-flag.has-site{color:var(--red);background:#d9534f24}.status-badge{color:var(--teal);background:#0f9d8a24}.bar-row header{justify-content:space-between;margin-bottom:10px;display:flex}.bar-track{background:#10345b14;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(135deg, var(--navy), var(--teal));height:100%}.filters-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.filters-grid label,.settings-grid label{color:var(--muted);flex-direction:column;gap:8px;display:flex}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe6;border-radius:14px;outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#0f9d8a99;box-shadow:0 0 0 4px #0f9d8a1f}.checkbox-row{flex-direction:row;align-items:center;gap:10px;display:flex}.checkbox-row input{width:auto}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card,tbody tr{cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.result-card:hover{border-color:#0f9d8a66;transform:translateY(-2px)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 10px}tbody tr:hover,tbody tr.selected{background:#0f9d8a14}.status-select{border-radius:10px;min-width:130px;padding:9px 10px}.detail-panel.empty-state{text-align:center;border:1px dashed var(--line);border-radius:18px;justify-content:center;align-items:center;min-height:280px}.message-box{resize:vertical;min-height:280px}.roadmap-list{margin:0;padding:0 18px 0 0;line-height:1.9}.modal{background:0 0;border:0;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a14226b}.modal-card{border-radius:28px;width:min(760px,100vw - 32px);padding:24px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.icon-button{border-radius:50%;width:42px;height:42px;padding:0;font-size:1.2rem}.empty-note{text-align:center;padding:12px}@media (width<=1180px){.app-shell,.dashboard-grid,.section-split,.stats-grid{grid-template-columns:1fr}.sidebar{height:auto;position:static}}@media (width<=760px){.app-shell{gap:14px;padding:14px}.hero-panel,.topbar,.card-head{flex-direction:column;align-items:stretch}.results-grid,.filters-grid,.settings-grid{grid-template-columns:1fr}.card,.hero-panel,.sidebar,.modal-card{border-radius:22px;padding:18px}}