@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap');

*{box-sizing:border-box} :root{--accent:#d4500f;--accent-light:#ff8447;--bg:#080807;--panel:#101010;--panel2:#0c0c0b;--border:#242420;--text:#ece8e1;--muted:#7a7570}
html,body{min-height:100%;margin:0} body{background:radial-gradient(ellipse at 55% 12%,rgba(212,80,15,.11),transparent 48%),var(--bg);color:var(--text);font-family:'IBM Plex Mono',monospace}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--border);background:rgba(8,8,7,.96)}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:12px;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--text);border-color:var(--accent);background:rgba(212,80,15,.09)}.nav-item span{float:right}
main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 80px}.brand-header img{width:min(400px,90%);display:block;margin-bottom:30px;filter:drop-shadow(0 8px 24px rgba(212,80,15,.25))}.view{display:none}.view.active{display:block}.section-heading{margin-bottom:18px}.eyebrow{color:var(--accent-light);font-size:13px;text-transform:uppercase;margin:0 0 8px}h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:.12em;font-weight:400;text-transform:uppercase;margin:0}h1{font-size:clamp(40px,6vw,72px);line-height:1}h2{font-size:46px}h3{font-size:24px;margin-bottom:15px}
.search-panel,.panel,.metric,.history-item,.idea-card{background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:3px;box-shadow:0 22px 55px rgba(0,0,0,.45)}.search-panel{padding:24px;display:flex;gap:14px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:7px;min-width:180px}.field.grow{flex:1}.field.compact{min-width:160px}.field span{font-size:11px;color:var(--muted);text-transform:uppercase}input,select{width:100%;padding:12px;background:#0b0b0a;border:1px solid var(--border);color:var(--text);border-radius:2px}input:focus,select:focus{outline:1px solid var(--accent)}.primary-button,.secondary-button{padding:12px 18px;border-radius:2px;cursor:pointer;text-transform:uppercase}.primary-button{background:var(--accent);border:1px solid var(--accent);color:white}.secondary-button{background:var(--panel);border:1px solid var(--border);color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.settings{width:100%;border-top:1px solid var(--border);padding-top:14px}.settings summary{cursor:pointer;color:var(--accent-light);font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}.toggle{display:block;margin-top:14px;color:var(--text);font-size:12px}.toggle input{width:auto}
.cost-note{width:100%;margin:0;color:var(--muted);font-size:11px}
.status{margin:16px 0;padding:14px;border:1px solid rgba(243,83,61,.35);background:rgba(243,83,61,.2);color:#ffd1c7}.status.loading{border-color:rgba(255,132,71,.35)}.status.error{color:#ffb6a7}.hidden{display:none!important}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}.metric{padding:16px}.metric span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.metric strong{display:block;font-size:24px;margin-top:5px}
.filter-row,.command-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.filter-button{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:9px 12px;cursor:pointer}.filter-button.active{border-color:var(--accent);color:var(--text)}.table-wrap{overflow:auto;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:12px;background:var(--panel2)}th,td{padding:11px 12px;border-bottom:1px solid #1d1d1a;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#151513;color:var(--accent-light);text-transform:uppercase}td.suggestion{white-space:normal;min-width:280px;color:var(--text)}
.visual-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.3fr);gap:16px;margin-bottom:16px}.panel{padding:20px}.bar-row{display:grid;grid-template-columns:130px 1fr 45px;gap:8px;align-items:center;margin:11px 0;font-size:11px}.bar-track{height:10px;background:#23231f}.bar{height:100%;background:var(--accent)}.wheel-panel svg{height:auto;max-height:520px}.wheel-panel svg rect{fill:#0c0c0b}.idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.idea-card{padding:17px}.idea-card h3{font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:0;text-transform:none}.idea-card p{color:var(--muted);font-size:11px;line-height:1.6}.history-list{display:grid;gap:10px}.history-item{padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.history-actions{display:flex;gap:8px}
.account-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:16px}.account-details{margin:0 0 20px}.account-details div,.ledger-entry{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--border)}.account-details dt,.ledger-entry span{color:var(--muted);font-size:11px;text-transform:uppercase}.account-details dd{margin:0}.ledger-entry strong.positive{color:var(--accent-light)}.auth-dialog{width:min(460px,calc(100% - 32px));padding:26px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:3px;background:var(--panel);color:var(--text)}.auth-dialog::backdrop{background:rgba(0,0,0,.82)}.auth-dialog img{width:min(300px,90%)}.auth-header p{color:var(--muted);font-size:12px;line-height:1.6}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-dialog form{display:grid;gap:14px}.auth-dialog .field{min-width:0}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:sticky;z-index:5;height:auto;padding:8px;display:block;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}main{width:min(100% - 24px,1180px);padding-top:22px}.visual-grid,.account-grid{grid-template-columns:1fr}.search-panel{align-items:stretch}.field,.field.compact{width:100%}.primary-button{width:100%}}