:root{--bg:#000;--panel:#0a0a0a;--panel2:#111;--border:#222;--border-hover:#c8956d;--accent:#c8956d;--accent-dim:#8a6a4a;--purple:#9b7cbf;--purple-dim:#6b5288;--text:#e0e0e0;--text-dim:#888;--text-bright:#fff;--green:#5cb85c;--red:#d9534f;--yellow:#f0ad4e;--mono:"SF Mono","Monaco","Inconsolata","Roboto Mono","Courier New",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}body,html{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text-bright)}button,input,select,textarea{font-family:inherit;font-size:inherit;background:var(--panel2);color:var(--text);border:2px solid var(--border);padding:8px 12px;outline:none}button{cursor:pointer;background:var(--panel);transition:border-color .15s,background .15s,color .15s}button:hover{border-color:var(--accent);color:var(--text-bright)}button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}button.primary:hover{background:#d9a57e;border-color:#d9a57e;color:#000}button.danger{border-color:var(--red);color:var(--red)}button.danger:hover{background:var(--red);color:#000}button:disabled{opacity:.4;cursor:not-allowed}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border:2px solid var(--accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:2px solid var(--accent);cursor:pointer;border-radius:0}label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);display:block;margin-bottom:4px}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--panel);border-right:2px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:2px solid var(--border)}.sidebar-header h1{font-size:14px;color:var(--accent);letter-spacing:.08em;line-height:1.3}.sidebar-header .subtitle,.sidebar-header h1{font-family:var(--mono);text-transform:uppercase}.sidebar-header .subtitle{font-size:9px;color:var(--text-dim);letter-spacing:.1em;margin-top:4px}.sidebar-nav{flex:1 1;padding:12px 0}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-dim);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid transparent;transition:all .15s}.sidebar-nav a:hover{color:var(--text-bright);background:var(--panel2);border-left-color:var(--accent-dim)}.sidebar-nav a.active{color:var(--accent);background:var(--panel2);border-left-color:var(--accent)}.sidebar-nav .nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:12px 16px;border-top:2px solid var(--border);font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.main-content{margin-left:220px;flex:1 1;padding:32px;min-width:0}.page-header{margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:16px}.page-header h2{font-family:var(--mono);font-size:22px;color:var(--text-bright);text-transform:uppercase;letter-spacing:.03em}.page-header .description{color:var(--text-dim);margin-top:6px;font-size:13px}.panel{background:var(--panel);border:2px solid var(--border);padding:20px;margin-bottom:20px}.panel-title{font-size:12px;color:var(--accent);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.badge,.panel-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;font-size:10px;padding:3px 8px;border:2px solid var(--border)}.badge-draft{color:var(--yellow);border-color:var(--yellow)}.badge-active{color:var(--green);border-color:var(--green)}.badge-archived{color:var(--text-dim);border-color:var(--text-dim)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}tbody tr{transition:background .15s}tbody tr:hover{background:var(--panel2)}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}.blend-bar-container{display:flex;height:24px;border:2px solid var(--border);margin:12px 0}.blend-bar-segment{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:#000;font-weight:600;overflow:hidden;white-space:nowrap;transition:filter .15s}.blend-bar-segment:hover{filter:brightness(1.2)}.blend-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.blend-legend-item{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.blend-legend-color{width:12px;height:12px;border:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.product-card{background:var(--panel);border:2px solid var(--border);padding:16px;cursor:pointer;transition:border-color .15s}.product-card:hover{border-color:var(--accent)}.product-card h3{font-size:16px;color:var(--text-bright);margin-bottom:4px}.product-card .desc{color:var(--text-dim);font-size:12px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat-box{background:var(--panel2);border:2px solid var(--border);padding:16px}.stat-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.stat-value{font-family:var(--mono);font-size:24px;color:var(--text-bright);margin-top:4px}.stat-value.accent{color:var(--accent)}.stat-value.purple{color:var(--purple)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.slider-row label{flex:0 0 140px;margin:0}.slider-row input[type=range]{flex:1 1}.slider-row .value{font-family:var(--mono);font-size:12px;color:var(--accent);flex:0 0 60px;text-align:right}.actions-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-input{flex:1 1;max-width:400px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-dim)}.empty-state .icon{font-size:48px;margin-bottom:16px}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;padding:8px 12px}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:52px 16px 16px}.mobile-menu-btn{display:block}.form-row,.form-row-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.slider-row{flex-wrap:wrap}.slider-row label{flex:0 0 100%}}.muted{color:var(--text-dim)}.mono{font-family:var(--mono)}.accent-text{color:var(--accent)}.purple-text{color:var(--purple)}.small{font-size:12px}.tiny{font-size:10px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.text-center{text-align:center}.w-full{width:100%}