:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #22222e;--border-color: #2a2a3a;--border-highlight: #3a3a4a;--text-primary: #e8e8ed;--text-secondary: #a0a0b0;--text-muted: #606070;--gold: #d4af37;--gold-dim: #a08020;--gold-bright: #ffd700;--green: #00ff88;--green-dim: #00cc66;--red: #ff4444;--red-dim: #cc3333;--blue: #4488ff;--blue-dim: #3366cc;--orange: #ff9900;--orange-dim: #cc7700;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-mono);line-height:1.4;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.75rem}.header-title{font-size:1rem;font-weight:600;color:var(--gold);letter-spacing:.05em;text-transform:uppercase}.header-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.header-status{display:flex;align-items:center;gap:1.5rem}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.status-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.status-value{color:var(--text-primary);font-weight:500}.status-value.positive{color:var(--green)}.status-value.negative{color:var(--red)}.main{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:1px;background:var(--border-color)}.sidebar{background:var(--bg-secondary);overflow-y:auto;max-height:calc(100vh - 48px)}.content{background:var(--bg-primary);overflow-y:auto;max-height:calc(100vh - 48px);padding:1rem}.panel-right{background:var(--bg-secondary);overflow-y:auto;max-height:calc(100vh - 48px)}.panel{background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:1rem}.panel-header{background:var(--bg-tertiary);padding:.5rem .75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.panel-badge{font-size:.65rem;padding:.15rem .4rem;border-radius:2px;background:var(--bg-elevated);color:var(--text-muted)}.panel-content{padding:.75rem}.card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.75rem;margin-bottom:.5rem}.card:hover{border-color:var(--border-highlight)}.card-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.75rem}.data-table th{text-align:left;padding:.5rem;background:var(--bg-tertiary);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;border-bottom:1px solid var(--border-color);position:sticky;top:0}.data-table th.right,.data-table td.right{text-align:right}.data-table td{padding:.4rem .5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tr:hover td{background:var(--bg-tertiary)}.data-table .resource-name{display:flex;align-items:center;gap:.5rem}.resource-icon{width:16px;height:16px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.6rem;background:var(--bg-elevated);color:var(--text-muted)}.resource-icon.raw{background:#2d4a2d;color:#8fbc8f}.resource-icon.processed{background:#4a3d2d;color:#daa520}.resource-icon.luxury{background:#4a2d4a;color:orchid}.resource-icon.military{background:#4a2d2d;color:#cd5c5c}.resource-icon.currency{background:#4a4a2d;color:gold}.number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.number-large{font-size:1.5rem;font-weight:600;color:var(--gold)}.number-medium{font-size:1rem;font-weight:500}.number-small{font-size:.75rem}.value-positive{color:var(--green)}.value-negative{color:var(--red)}.value-neutral{color:var(--text-secondary)}.value-gold{color:var(--gold)}.trend-up:before{content:"▲";margin-right:.25rem;color:var(--green);font-size:.6rem}.trend-down:before{content:"▼";margin-right:.25rem;color:var(--red);font-size:.6rem}.trend-stable:before{content:"●";margin-right:.25rem;color:var(--text-muted);font-size:.4rem}.progress-bar{height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);transition:width .3s ease}.progress-fill.positive{background:var(--green)}.progress-fill.negative{background:var(--red)}.progress-fill.warning{background:var(--orange)}.btn{font-family:var(--font-mono);font-size:.7rem;padding:.4rem .75rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .15s ease}.btn:hover{background:var(--bg-elevated);border-color:var(--border-highlight);color:var(--text-primary)}.btn-primary{background:var(--gold-dim);border-color:var(--gold);color:var(--bg-primary)}.btn-primary:hover{background:var(--gold)}.btn-danger{border-color:var(--red-dim);color:var(--red)}.btn-danger:hover{background:var(--red-dim);color:var(--text-primary)}.btn-small{padding:.25rem .5rem;font-size:.65rem}input,select{font-family:var(--font-mono);font-size:.75rem;padding:.4rem .5rem;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);outline:none}input:focus,select:focus{border-color:var(--gold-dim)}input::placeholder{color:var(--text-muted)}.alert{padding:.5rem .75rem;border-left:3px solid;margin-bottom:.5rem;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.alert-info{background:#4488ff1a;border-color:var(--blue);color:var(--blue)}.alert-warning{background:#ff99001a;border-color:var(--orange);color:var(--orange)}.alert-critical{background:#ff44441a;border-color:var(--red);color:var(--red)}.alert-icon{font-size:.65rem}.nav-list{list-style:none;margin:0;padding:0}.nav-item{padding:.6rem 1rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;border-left:2px solid transparent;transition:all .15s ease}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);border-left-color:var(--gold);color:var(--gold)}.nav-section{padding:.5rem 1rem;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.tag{display:inline-block;font-size:.6rem;padding:.15rem .4rem;border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.tag-raw{background:#2d4a2d;color:#8fbc8f}.tag-processed{background:#4a3d2d;color:#daa520}.tag-luxury{background:#4a2d4a;color:orchid}.tag-military{background:#4a2d2d;color:#cd5c5c}.tag-currency{background:#4a4a2d;color:gold}.tag-production{background:#2d3d4a;color:#87ceeb}.tag-housing{background:#3d4a2d;color:#98fb98}.tag-infrastructure{background:#4a4a3d;color:khaki}.tag-status{background:var(--bg-elevated);color:var(--text-muted)}.tag-status.active{background:#2d4a2d;color:#8fbc8f}.tag-status.constructing{background:#4a3d2d;color:#daa520}.tag-status.paused{background:#4a4a3d;color:khaki}.tag-status.damaged{background:#4a2d2d;color:#cd5c5c}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.empty-state-icon{font-size:2rem;margin-bottom:.5rem;opacity:.3}.empty-state-text{font-size:.75rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.75rem}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-change{font-size:.65rem;margin-top:.25rem}.sparkline{display:flex;align-items:flex-end;gap:1px;height:24px}.sparkline-bar{flex:1;background:var(--gold-dim);min-width:2px;max-width:4px}.order-book{font-size:.7rem}.order-book-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-muted);font-size:.6rem;text-transform:uppercase}.order-book-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.2rem .5rem;border-bottom:1px solid var(--border-color)}.order-book-row.bid{background:linear-gradient(90deg,rgba(0,255,136,.1),transparent)}.order-book-row.ask{background:linear-gradient(270deg,rgba(255,68,68,.1),transparent)}@media(max-width:1200px){.main{grid-template-columns:240px 1fr}.panel-right{display:none}}@media(max-width:768px){.main{grid-template-columns:1fr}.sidebar,.header-status{display:none}}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2rem;margin-bottom:1rem;font-weight:600;color:var(--gold)}.status{background:var(--bg-tertiary);padding:1rem;border-radius:4px;margin-top:1rem;border:1px solid var(--border-color)}.error{color:var(--red);background:#ff44441a;padding:1rem;border-radius:4px;border:1px solid var(--red-dim)}