:root{--bg:#121212;--fg:#f2f2f2;--muted:#707070;--panel:#191919;--border:#262626;--line:1px solid var(--border);--ok:#29d35d;--warn:#f7b955;--bad:#ff5c5c;color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}button,input,select{font:inherit}button,a,select{color:inherit}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.content-shell{width:min(1120px,100% - 32px);margin:0 auto}.sidebar{border-right:var(--line);grid-template-rows:auto 1fr auto;gap:1.5rem;min-height:100vh;padding:1.25rem 1rem;display:grid;position:sticky;top:0}.side-nav{border-top:var(--line);align-content:start;gap:0;display:grid}.side-nav a{border-bottom:var(--line);min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.74rem;text-decoration:none;display:flex}.side-nav a:hover,.side-nav a.active{color:var(--fg);background:linear-gradient(90deg, var(--panel), transparent);padding-left:.5rem}.sidebar-logout{border:var(--line);justify-content:center;width:100%;min-height:38px}.topbar-note{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.topbar{border-bottom:var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.page-subtitle,.metric-label,.metric-hint,.product-switcher,.feedback-filters label,.content-note{color:var(--muted)}.brand{letter-spacing:-.02em;font-size:1rem;font-weight:700}.topnav{border:var(--line);align-items:center;gap:0;display:flex}.topnav a,.logout-button{border:0;border-right:var(--line);height:34px;color:var(--muted);cursor:pointer;background:0 0;align-items:center;padding:0 .8rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.74rem;text-decoration:none;display:inline-flex}.topnav a:last-child,.logout-button{border-right:0}.topnav a:hover,.topnav a.active,.logout-button:hover{color:var(--fg);background:var(--panel)}.page-surface{padding:1.6rem 0 2.5rem}.page-header{border-bottom:var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex}.page-header h1{letter-spacing:-.05em;margin:0;font-size:2.75rem;line-height:.95}.page-subtitle{max-width:520px;margin:.75rem 0 0;font-size:.86rem}.product-switcher{text-transform:uppercase;letter-spacing:.08em;gap:.4rem;min-width:180px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:grid}.product-switcher select,.feedback-filters select,.field select,.table-select,.login-form input{border:var(--line);background:var(--bg);color:var(--fg);border-radius:0;padding:.55rem .65rem}.metrics-grid{border-left:var(--line);border-top:var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;margin-top:1.25rem;display:grid}.metric-tile{border-right:var(--line);border-bottom:var(--line);background:0 0;flex-direction:column;justify-content:space-between;min-height:116px;padding:1rem;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem}.metric-value{letter-spacing:-.03em;margin:.8rem 0 0;font-size:1.65rem;font-weight:700}.metric-hint{margin:.55rem 0 0;font-size:.72rem}.chart-section{border:var(--line);background:0 0;margin-top:1.25rem;padding:1rem}.chart-section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 1rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem}.chart-grid{grid-template-columns:repeat(30,minmax(8px,1fr));align-items:end;gap:2px;height:220px;display:grid}.chart-column{grid-template-rows:1fr 1fr;align-content:end;gap:2px;height:100%;display:grid}.website-chart-column{grid-template-rows:1fr 1fr 1fr}.bar{border-radius:0;align-self:end;width:100%;min-height:1px}.bar.total{background:var(--fg)}.bar.unique{background:var(--ok)}.bar.session{background:var(--warn)}.chart-legend{color:var(--muted);gap:1rem;margin-top:.8rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:flex}.legend{align-items:center;gap:.35rem;display:inline-flex}.legend:before{content:"";width:8px;height:8px;display:inline-block}.legend.total:before{background:var(--fg)}.legend.unique:before{background:var(--ok)}.legend.session:before{background:var(--warn)}.range-control{border:var(--line);display:inline-flex}.range-control button{border:0;border-right:var(--line);min-width:52px;height:34px;color:var(--muted);cursor:pointer;background:0 0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.74rem}.range-control button:last-child{border-right:0}.range-control button:hover,.range-control button.active{background:var(--panel);color:var(--fg)}.analytics-panel{margin-top:1.25rem}.analytics-panel>.page-header{margin-top:-1.25rem}.analytics-controls{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.site-control button{padding:0 .85rem}.analytics-section-heading{border-bottom:var(--line);align-items:center}.analytics-section-heading>div{gap:.25rem;display:grid}.insight-section{margin-top:1.25rem}.section-heading{border:var(--line);border-bottom:0;justify-content:space-between;align-items:baseline;gap:1rem;min-height:44px;padding:.75rem 1rem;display:flex}.section-heading h2,.section-heading p{margin:0}.section-heading h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:500}.section-heading p{color:var(--muted);font-size:.78rem}.insight-table{border-collapse:collapse;width:100%;min-width:620px}.insight-table th,.insight-table td{border-bottom:var(--line);text-align:left;vertical-align:top;padding:.75rem;font-size:.82rem}.insight-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:500}.insight-table tbody tr:hover{background:var(--panel)}.path-cell{overflow-wrap:anywhere;max-width:520px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.location-section .table-wrap{border-top:0}.location-table{min-width:0}.feedback-filters{padding:1rem 0}.feedback-filters label{text-transform:uppercase;letter-spacing:.08em;gap:.4rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:inline-grid}.feedback-trend{margin-bottom:1.25rem}.trend-chart-wrap{border:var(--line);padding:1rem}.trend-chart{width:100%;height:220px;display:block}.trend-grid line{stroke:var(--border);stroke-width:1px}.trend-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-line.received{stroke:var(--fg)}.trend-line.published{stroke:var(--ok)}.trend-point{stroke:var(--bg);stroke-width:2px}.trend-point.received{fill:var(--fg)}.trend-point.published{fill:var(--ok)}.trend-chart text{fill:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.62rem}.table-wrap{border:var(--line);background:0 0;overflow:auto}.feedback-table{border-collapse:collapse;width:100%;min-width:940px}.feedback-table th,.feedback-table td{border-bottom:var(--line);text-align:left;vertical-align:top;padding:.75rem;font-size:.82rem}.feedback-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:500}.feedback-table tbody tr:hover{background:var(--panel)}.status-pill{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;align-items:center;padding:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:inline-flex}.status-pending{color:var(--warn)}.status-published{color:var(--ok)}.status-rejected{color:var(--bad)}.actions{flex-wrap:wrap;gap:.35rem;display:flex}.actions button,.login-form button{border:var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:.35rem .55rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.actions button:hover,.login-form button:hover{background:var(--fg);color:var(--bg)}.actions button:disabled{opacity:.35;cursor:not-allowed}.actions button:disabled:hover{color:var(--fg);background:0 0}.page-error,.form-error{color:var(--bad);margin:1rem 0 0;font-size:.82rem}.empty-state{border:var(--line);color:var(--muted);padding:1rem}.portfolio-panel{gap:1rem;margin-top:1.25rem;display:grid}.portfolio-loading,.tag-empty{margin:0}.portfolio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.45rem;display:grid}.field span,.toggle-field span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem}.field input,.field textarea,.inline-form input{border:var(--line);width:100%;color:var(--fg);background:0 0;border-radius:0;outline:none;padding:.6rem .7rem}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.inline-form input:focus{border-color:var(--muted)}.toggle-field{align-items:center;gap:.65rem;display:inline-flex}.toggle{border:var(--line);cursor:pointer;background:0 0;align-items:center;width:44px;height:24px;padding:2px;display:inline-flex}.toggle span{background:var(--muted);width:18px;height:18px;transition:transform .16s,background .16s;display:block}.toggle.active span{background:var(--ok);transform:translate(20px)}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.inline-form button,.text-command{border:var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:.55rem .75rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.inline-form button:hover,.text-command:hover{background:var(--fg);color:var(--bg)}.text-command:disabled{opacity:.35;cursor:not-allowed}.portfolio-section-heading{border-bottom:var(--line)}.showcase-list{border-top:var(--line);display:grid}.showcase-row{border-bottom:var(--line);grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 0;display:grid}.showcase-row h2,.showcase-row p{margin:0}.showcase-row h2{margin-top:.35rem;font-size:1rem}.showcase-row p:not(.showcase-meta){max-width:720px;color:var(--muted);margin-top:.5rem;font-size:.84rem}.showcase-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem}.showcase-actions{align-content:start}.showcase-form{border:var(--line);gap:1rem;padding:1rem;display:grid}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:var(--line);color:var(--fg);align-items:center;gap:.35rem;padding:.2rem .45rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:inline-flex}.tag button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.loading-bars-wrap{border-bottom:var(--line);min-height:280px;color:var(--muted);align-content:center;place-items:center;gap:1rem;display:grid}.loading-bars-wrap p{text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.74rem}.loading-bars{grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:4px;width:156px;height:120px;display:grid}.loading-bars span{border:var(--line);background:var(--fg);transform-origin:bottom;min-height:8px;animation:1.15s ease-in-out infinite alternate loading-bar-rise;display:block}.loading-bars span:nth-child(2n){background:var(--ok)}.loading-bars span:nth-child(3n){background:var(--warn)}@keyframes loading-bar-rise{to{opacity:.48;transform:scaleY(.42)}}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-form{border:var(--line);background:0 0;gap:.85rem;width:min(360px,100%);padding:1rem;display:grid}.login-form h1{letter-spacing:-.05em;margin:0 0 .25rem;font-size:2rem;line-height:1}.login-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:.45rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:grid}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:var(--line);grid-template-rows:none;gap:.9rem;min-height:auto;padding:1rem 12px;position:static}.side-nav{border-left:var(--line);grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.side-nav a{border-right:var(--line);justify-content:center;min-height:36px;font-size:.68rem}.side-nav a:hover,.side-nav a.active{background:var(--panel);padding-left:0}.sidebar-logout{display:none}.content-shell{width:min(100% - 24px,1120px)}.topbar,.page-header,.analytics-section-heading{flex-direction:column;align-items:stretch}.analytics-controls{justify-content:stretch}.analytics-controls .range-control{width:100%}.analytics-controls .range-control button{flex:1}.topnav{width:100%}.topnav a,.logout-button{flex:1;justify-content:center}.page-header h1{font-size:2.25rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-grid{grid-template-columns:1fr;gap:0}.section-heading{flex-direction:column;align-items:flex-start}.portfolio-form-grid,.showcase-row{grid-template-columns:1fr}.showcase-actions{justify-content:flex-start}}.tool-counts{border:var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);gap:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:inline-flex}.tool-counts span{border-right:var(--line);padding:.6rem .75rem}.tool-counts span:last-child{border-right:0}.tools-table-wrap{margin-top:1.25rem}.tools-table{min-width:880px}.products-table{min-width:1040px}.product-title-cell{align-items:flex-start;gap:.7rem;display:flex}.product-title-cell>span{min-width:1.4rem;font-size:1.1rem}.table-select{min-width:140px;min-height:32px;padding:.35rem .5rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem}.table-toggle{vertical-align:middle}.table-toggle:disabled{opacity:.45;cursor:wait}.table-toggle-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;margin-left:.45rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:inline-flex}.table-link{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.table-link:hover{color:var(--ok);-webkit-text-decoration-color:var(--ok);text-decoration-color:var(--ok)}.product-edit-form{margin-top:.5rem}.product-edit-heading{margin:-1rem -1rem 0}.tool-name{font-weight:700}.tool-id{color:var(--muted);margin-top:.25rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem}.visibility-toggle{border:var(--line);display:inline-flex}.visibility-toggle button{border:0;border-right:var(--line);min-height:32px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;padding:0 .65rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem}.visibility-toggle button:last-child{border-right:0}.visibility-toggle button.active.public{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, transparent)}.visibility-toggle button.active.private{color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.visibility-toggle button:disabled{opacity:.45;cursor:wait}.tool-controls{border-top:var(--line);margin-top:2rem;padding-top:1.5rem}.compact-header h1{font-size:1.85rem}.control-layout{border:var(--line);grid-template-columns:240px minmax(0,1fr);gap:0;margin-top:1.25rem;display:grid}.control-nav{border-right:var(--line)}.control-nav button{border:0;border-bottom:var(--line);width:100%;min-height:78px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;gap:.35rem;padding:.85rem;display:grid}.control-nav button.active,.control-nav button:hover{background:var(--panel);color:var(--fg)}.control-nav span{font-weight:700}.control-nav small,.setting-field small,.control-panel-header p{color:var(--muted)}.control-panel{min-width:0;padding:1rem}.control-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.control-panel-header h2{margin:0;font-size:1.1rem}.control-panel-header p{max-width:560px;margin:.45rem 0 0;font-size:.82rem}.control-summary,.control-message{text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.control-summary{color:var(--muted);border:var(--line);flex-shrink:0;padding:.5rem .65rem}.control-message{color:var(--ok)}.control-table{min-width:680px}.settings-grid{border:var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid}.setting-field{gap:.45rem;display:grid}.setting-field span{font-weight:700}.setting-field input,.setting-field select{border:var(--line);background:var(--bg);width:min(220px,100%);color:var(--fg);border-radius:0;padding:.55rem .65rem}.ttl-control{align-items:stretch;gap:0;width:min(320px,100%);display:flex}.ttl-control input{border-right:0;width:55%}.ttl-control select{width:45%}.control-save{border:var(--line);background:var(--fg);min-height:38px;color:var(--bg);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:0 .8rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.control-save:disabled{opacity:.45;cursor:wait}@media (width<=760px){.control-layout,.settings-grid{grid-template-columns:1fr}.control-nav{border-right:0;border-bottom:var(--line)}.control-panel-header{flex-direction:column}}
