*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: Roboto, Inter, Arial, sans-serif;--color-primary: #050505;--color-primary-accent: #ff2220;--color-primary-hover: #d71918;--color-background-primary: #ffffff;--color-background-secondary: #f6f6f6;--color-background-tertiary: #eeeeee;--color-border-secondary: #b8b8b8;--color-border-tertiary: #dddddd;--color-text-primary: #111111;--color-text-secondary: #626262;--color-success-bg: #ffffff;--color-success-text: #111111;--color-warning-bg: #fff0f0;--color-warning-text: #b00000;--color-danger-bg: #ff2220;--color-danger-text: #ffffff;--color-info-bg: #111111;--color-info-text: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow: 0 8px 24px rgba(5, 5, 5, .08)}html{min-width:320px}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background-tertiary)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(255,34,32,.22);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;background:var(--color-primary);display:flex;flex-direction:column;z-index:10}.sidebar-logo{padding:16px 20px 14px;border-bottom:.5px solid rgba(255,255,255,.1);display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.sidebar-logo:before{content:"";width:42px;height:42px;border-radius:10px;background:url(/Logo.png) center / cover no-repeat #fff;display:block}.logo-title{color:#fff;font-size:18px;font-weight:600}.logo-sub{color:#ffffff94;font-size:11px;margin-top:2px;line-height:1.2}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section{padding:16px 20px 6px;font-size:10px;color:#ffffff57;letter-spacing:.08em;text-transform:uppercase}.nav-item{width:100%;border:0;border-left:3px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffa3;font-size:13px;transition:all .15s;text-align:left}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff;border-left-color:var(--color-primary-accent)}.main{margin-left:220px;min-height:100vh}.topbar{background:var(--color-background-primary);border-bottom:.5px solid var(--color-border-tertiary);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.topbar-title{display:block;font-size:15px;font-weight:600;color:var(--color-text-primary)}.topbar-subtitle{display:block;color:var(--color-text-secondary);font-size:11px;margin-top:1px}.topbar-right{display:flex;align-items:center;gap:12px}.btn-primary,.btn-secondary,.btn-cancel{border-radius:var(--border-radius-md);font-size:13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--color-primary-hover);color:#fff;border:none;padding:8px 16px}.btn-primary:hover{background:#b91513}.btn-secondary,.btn-cancel{background:#fff;border:.5px solid var(--color-border-tertiary);padding:8px 14px;color:var(--color-text-secondary)}.avatar{min-width:32px;height:32px;border-radius:50%;background:var(--color-primary-hover);display:inline-flex;align-items:center;justify-content:center;gap:3px;color:#fff;font-size:12px;font-weight:600;padding:0 8px}.content{padding:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card,.table-wrap,.modal,.detail-modal{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.metric-card{padding:16px}.metric-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.metric-value{font-size:26px;font-weight:600;color:var(--color-text-primary)}.metric-sub{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.badge{font-size:11px;padding:2px 8px;border-radius:99px;white-space:nowrap;font-weight:600;border:.5px solid currentColor}.badge-ok{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.section-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.section-count{color:var(--color-text-secondary);font-size:12px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filter-input{padding:7px 12px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);font-size:13px;min-height:36px}.filter-search{width:240px}.filter-input:focus{outline:none;border-color:var(--color-primary-accent)}.table-wrap{overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--color-background-secondary)}th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}td{padding:12px 14px;border-top:.5px solid var(--color-border-tertiary);color:var(--color-text-primary);vertical-align:middle}tr:hover td{background:var(--color-background-secondary)}.machine-name{font-weight:600}.machine-serial{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.rating{display:flex;align-items:center;gap:2px}.star-full,.star-empty,.star-btn{font-size:16px;line-height:1}.star-full,.star-btn.on{color:#ff2220}.star-empty,.star-btn{color:var(--color-border-secondary)}.star-btn{background:none;border:none;cursor:pointer;padding:2px}.actions{display:flex;gap:4px}.stock-table-cell{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.stock-quantity-chip{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;border:.5px solid var(--color-border-secondary);background:#fff;color:var(--color-text-primary);font-size:11px;font-weight:700}.action-btn{background:none;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:5px 8px;cursor:pointer;color:var(--color-text-secondary);font-size:13px;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{border-color:var(--color-primary-accent);color:var(--color-primary-accent);background:var(--color-info-bg)}.danger-action:hover{border-color:var(--color-primary-accent);color:var(--color-primary-accent);background:#fff0f0}.empty-cell{text-align:center;padding:28px;color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow-y:auto}.modal{width:100%;max-width:580px;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.modal-title{font-size:16px;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full,.full{grid-column:1 / -1}.form-label{font-size:12px;color:var(--color-text-secondary);font-weight:600}.form-input{padding:8px 12px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);font-size:13px;min-height:38px}.form-input:focus{outline:none;border-color:var(--color-primary-accent);box-shadow:0 0 0 3px #ff22201a}.form-section{margin:16px 0 10px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;border-top:.5px solid var(--color-border-tertiary);padding-top:14px}.upload-area{position:relative;border:1px dashed var(--color-border-secondary);border-radius:var(--border-radius-md);padding:20px;text-align:center;color:var(--color-text-secondary);font-size:13px;cursor:pointer;display:grid;place-items:center;gap:6px}.upload-area input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.inline-create{display:grid;grid-template-columns:1fr auto;gap:8px}.tag-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tag-toggle{min-height:38px;display:flex;align-items:center;gap:8px;border:.5px solid var(--color-border-tertiary);border-radius:999px;padding:8px 11px;background:#fff;color:var(--color-text-primary);font-size:12px;font-weight:700}.tag-toggle input{width:15px;height:15px;accent-color:var(--color-primary-accent)}.tag-toggle.off{border-color:#ff222080;background:#fff0f0;color:#b00000}.tag-toggle.on{border-color:#111}.material-add{width:max-content}.material-form-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);padding:12px}.material-form-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.material-form-header strong{font-size:13px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;border-top:.5px solid var(--color-border-tertiary);padding-top:16px}.detail-modal{width:100%;max-width:680px;padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid div{background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:12px;display:grid;gap:4px}.detail-grid span{color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.detail-grid strong{font-size:13px;font-weight:600}.detail-full{grid-column:1 / -1}.detail-material-list{display:grid;gap:6px}.machine-pending{margin-top:6px}.page-stack{display:grid;gap:18px}.module-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:118px;padding:22px 24px;border-radius:var(--border-radius-lg);border:.5px solid var(--color-border-tertiary);background:linear-gradient(135deg,#050505fa,#ff2220c7),var(--color-primary);color:#fff;box-shadow:var(--shadow)}.module-intro h1,.command-hero h1{font-size:24px;line-height:1.18;font-weight:700;letter-spacing:0}.module-intro p,.command-hero p{max-width:720px;margin-top:8px;color:#ffffffc2;font-size:13px;line-height:1.5}.alert-intro{background:linear-gradient(135deg,#050505fa,#ff2220d1),var(--color-primary)}.eyebrow,.hero-kicker{display:inline-flex;align-items:center;color:var(--color-primary-accent);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.module-intro .eyebrow,.command-hero .hero-kicker{color:#fff}.intro-metrics{display:flex;gap:8px;flex-wrap:wrap}.intro-metrics span{background:#ffffff1f;border:.5px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;font-size:12px;white-space:nowrap}.command-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:14px}.command-hero,.ranking-panel{border-radius:var(--border-radius-lg);border:.5px solid rgba(255,255,255,.08);background:#111827;color:#fff;box-shadow:0 16px 34px #0f27442e}.command-hero{min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#0000001a,#050505f5),radial-gradient(circle at top right,rgba(255,34,32,.32),transparent 34%),#050505}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-hero{min-height:38px;border:0;border-radius:999px;padding:8px 16px;color:#fff;background:#ff2220;font-size:13px;font-weight:700}.btn-hero.secondary{background:#ffffff1a;border:.5px solid rgba(255,255,255,.18)}.ranking-panel,.panel,.status-card,.stock-lane,.timeline-panel,.market-highlight,.settings-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.ranking-panel{padding:18px}.ranking-panel h2,.panel h2,.status-card h2,.module-card h2,.timeline-title h2,.market-highlight h2,.settings-card h2{font-size:15px;line-height:1.3;letter-spacing:0}.rank-list{display:grid;gap:10px;margin-top:16px}.rank-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:var(--border-radius-md);background:var(--color-background-secondary)}.rank-row strong,.rank-row span,.stack-item strong,.stack-item span,.entity-row strong,.entity-row span{display:block}.rank-number{color:#ff2220;font-weight:800}.rank-row span:not(.badge),.stack-item span,.entity-row span,.module-card p,.stock-lane-header span,.timeline-date span,.spec-strip span,.settings-card p,.signal-card span{color:var(--color-text-secondary);font-size:12px}.quick-grid,.module-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-grid.tight{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card,.module-card,.signal-card{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);box-shadow:var(--shadow)}.quick-card{display:grid;gap:8px;min-height:132px;padding:18px;color:var(--color-text-primary);text-align:left}.quick-card svg{color:var(--color-primary-hover)}.quick-card strong{font-size:18px}.quick-card span{color:var(--color-text-secondary);font-size:12px;line-height:1.45}.panel{padding:18px}.panel.no-margin{margin:0}.panel-header,.status-card-header,.stock-lane-header,.module-card-title,.timeline-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header.compact{color:var(--color-text-primary)}.panel-header svg,.status-card-header svg,.stock-lane-header svg{color:var(--color-primary-hover);flex:0 0 auto}.entity-list,.stack-list{display:grid;gap:10px;margin-top:14px}.entity-row,.stack-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary)}.row-badges,.document-actions,.market-score{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.module-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.module-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--color-primary-hover);background:var(--color-info-bg)}.module-card-body{display:grid;gap:10px;min-width:0}.module-card p{display:flex;align-items:center;gap:6px}.mini-metrics,.tag-list{display:flex;flex-wrap:wrap;gap:6px}.mini-metrics span,.tag-list span,.role-chip,.doc-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:11px;font-weight:600}.rating-line{display:flex;align-items:center;gap:8px}.rating-line svg{color:#ff2220}.manufacturer-chart{display:grid;gap:12px;margin-top:14px}.manufacturer-chart-row{display:grid;gap:10px;padding:14px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary)}.chart-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-row-header strong,.chart-row-header span{display:block}.chart-row-header span{color:var(--color-text-secondary);font-size:12px;margin-top:2px}.chart-stars{display:flex;align-items:center;gap:8px;font-size:12px}.chart-bars{display:grid;gap:8px}.chart-bar-line{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px}.chart-bar-line span{color:var(--color-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase}.chart-track{height:10px;border-radius:999px;overflow:hidden;background:#fff;border:.5px solid var(--color-border-tertiary)}.chart-fill{height:100%;border-radius:inherit}.chart-fill.sold{background:#ff2220}.chart-fill.quality{background:#111}.manufacturer-card{align-items:start}.manufacturer-tags{display:flex;flex-wrap:wrap;gap:6px}.manufacturer-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.manufacturer-quality-grid div{display:grid;gap:4px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);padding:9px}.manufacturer-quality-grid svg{color:var(--color-primary-accent)}.manufacturer-quality-grid span{color:var(--color-text-secondary);font-size:10px;font-weight:700;text-transform:uppercase}.manufacturer-quality-grid strong{font-size:12px}.stock-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;align-items:start}.stock-lane,.status-card{padding:14px}.stock-lane-header{align-items:flex-start;padding-bottom:12px;border-bottom:.5px solid var(--color-border-tertiary)}.stock-lane-header b,.status-card-header strong{min-width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-tertiary);color:var(--color-primary);font-size:13px}.stock-item{align-items:stretch}.stock-controls{display:grid;gap:8px;min-width:160px}.stock-controls label{display:grid;gap:4px}.stock-controls label>span{color:var(--color-text-secondary);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.quantity-input,.stock-select{width:100%;min-height:34px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:#fff;color:var(--color-text-primary);padding:7px 9px;font-size:12px}.quantity-input:focus,.stock-select:focus{border-color:var(--color-primary-accent);box-shadow:0 0 0 3px #ff22201a;outline:none}.empty-state{color:var(--color-text-secondary);background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:14px;font-size:13px}.empty-state.compact{padding:10px;font-size:12px}.document-actions{max-width:620px}.timeline-panel{display:grid;gap:0;overflow:hidden}.timeline-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:16px;border-bottom:.5px solid var(--color-border-tertiary)}.timeline-item:last-child{border-bottom:0}.timeline-date{display:flex;align-items:center;gap:8px;color:var(--color-primary-hover);font-weight:700}.timeline-body{display:grid;gap:10px}.spec-strip{display:flex;flex-wrap:wrap;gap:8px}.spec-strip span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:var(--border-radius-md);background:var(--color-background-secondary)}.market-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:12px}.market-highlight{min-height:280px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;color:#fff;background:linear-gradient(145deg,#050505fa,#ff2220c7),#050505}.market-highlight .eyebrow,.market-highlight svg{color:#fff}.market-highlight p{color:#ffffffbf;font-size:13px;line-height:1.5}.signal-card{display:grid;gap:8px;padding:14px;box-shadow:none;background:var(--color-background-secondary)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.settings-card svg{color:var(--color-primary-hover)}@media(max-width:980px){.sidebar{position:static;width:100%;height:auto}.sidebar-logo{grid-template-columns:42px 1fr}.sidebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:16px}.nav-section{grid-column:1 / -1}.main{margin-left:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid,.market-grid,.stock-board{grid-template-columns:1fr}.quick-grid,.module-grid,.module-grid.tight,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:14px 16px}.content{padding:16px}.metrics,.form-grid,.detail-grid,.quick-grid,.module-grid,.module-grid.tight,.settings-grid,.tag-toggle-grid,.material-form-card{grid-template-columns:1fr}.module-intro{align-items:flex-start;flex-direction:column;padding:18px}.module-intro h1,.command-hero h1{font-size:21px}.command-hero{min-height:auto;padding:22px}.entity-row,.stack-item,.timeline-title,.chart-row-header{align-items:flex-start;flex-direction:column}.manufacturer-quality-grid,.timeline-item{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr}.filter-search,.filter-input{width:100%}.sidebar-nav{grid-template-columns:1fr 1fr}.table-wrap{background:transparent;border:0;box-shadow:none}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:10px;overflow:hidden}td{border-top:0;padding:10px 12px}td:before{content:attr(data-label);display:block;color:var(--color-text-secondary);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.modal{padding:18px}}