:root{--color-primary:#ffb4ab;--color-on-primary:#690006;--color-primary-container:#e21b22;--color-on-primary-container:#fff8f7;--color-inverse-primary:#c00014;--color-background:#131313;--color-on-background:#e5e2e1;--color-surface:#131313;--color-on-surface:#e5e2e1;--color-surface-variant:#353534;--color-on-surface-variant:#e7bdb8;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1c1b1b;--color-surface-container:#201f1f;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353534;--color-surface-bright:#393939;--font-family:"Inter", system-ui, sans-serif}body{min-width:100vw;min-height:100vh;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-on-background);margin:0;display:flex;overflow-x:hidden}.dashboard-grid{grid-template-columns:280px 1fr;width:100vw;height:100vh;display:grid}.sidebar{background-color:var(--color-surface-container-low);border-right:none;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.sidebar h2{letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.5rem;display:flex}.sidebar h2:before{content:"";background-color:var(--color-primary);width:3px;height:1.5rem;display:inline-block}.nav-link{color:var(--color-on-surface-variant);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.main-content{background-color:var(--color-surface);padding:3.5rem;overflow-y:auto}.module-card{background-color:var(--color-surface-container-low);border-radius:.375rem;margin-bottom:2rem;padding:2rem;transition:transform .2s,background-color .2s}.module-card:hover{background-color:var(--color-surface-container-high)}.module-card h3{color:var(--color-primary);margin-top:0;font-size:1.25rem}.btn{background-color:var(--color-primary-container);color:var(--color-on-primary-container);cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s;box-shadow:inset 0 1px #fff3}.btn:hover{opacity:.9;background:linear-gradient(180deg, var(--color-primary-container) 0%, var(--color-inverse-primary) 100%)}.hud-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#353534cc;border:1px solid #ae888333;border-radius:.5rem;padding:1.5rem;box-shadow:0 24px 48px #00000080}.glass-card{background:linear-gradient(145deg, var(--color-surface-container-high) 0%, var(--color-surface-container-low) 100%);border:1px solid #ffffff0d;border-radius:.5rem;padding:1.5rem}.status-pip{border-radius:9999px;width:8px;height:8px;display:inline-block}@keyframes leica-pulse{0%{box-shadow:0 0 #e21b2266}70%{box-shadow:0 0 0 6px #e21b2200}to{box-shadow:0 0 #e21b2200}}.status-pip.online{background-color:var(--color-primary-container);animation:2s infinite leica-pulse}.status-pip.offline{background-color:var(--color-surface-variant)}.cad-grid-void{background-color:var(--color-surface-container-lowest);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}.nav-link{color:var(--color-on-surface-variant);cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.input-field{background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid #ffffff1a;border-radius:.375rem;outline:none;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ffb4ab1a}
