:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#07090e;--bg-card:#0d121e73;--bg-sidebar:#0a0e17cc;--border-color:#ffffff12;--border-glow:#00f2fe26;--accent-blue:#00c6ff;--accent-cyan:#00f2fe;--accent-green:#39ff14;--accent-red:#ff3860;--accent-yellow:#ffdd57;--accent-magenta:#f72585;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-premium:0 8px 32px 0 #00000080;--glass-blur:blur(16px);background-color:#07090e;font-family:Outfit,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);width:100vw;height:100vh;margin:0;overflow:hidden}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-blue)}button,input,select,textarea{font-family:inherit}.app-container{background-color:var(--bg-main);background-image:radial-gradient(at 0 0,#00c6ff0d 0,#0000 50%),radial-gradient(at 100% 0,#f7258508 0,#0000 50%),radial-gradient(at 50% 100%,#39ff1405 0,#0000 50%);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.glass{background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium)}.navbar{border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.brand{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;display:flex}.brand i{color:var(--accent-cyan);filter:drop-shadow(0 0 8px #00f2fe80)}.brand span{color:var(--text-secondary);font-weight:300}.navbar-actions{align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{border-color:var(--text-secondary);background:#ffffff1a;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#07090e;border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 12px #00f2fe66}.btn-danger{color:var(--accent-red);background:#ff386026;border-color:#ff38604d}.btn-danger:hover{border-color:var(--accent-red);background:#ff38604d}.btn-success{color:var(--accent-green);background:#39ff1426;border-color:#39ff144d}.btn-success:hover{border-color:var(--accent-green);background:#39ff144d;box-shadow:0 0 8px #39ff144d}.btn-active{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe33}.workspace{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-left{border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:320px;display:flex;overflow-y:auto}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:16px 20px 8px;font-size:.75rem;font-weight:700}.category-tabs{gap:4px;padding:4px 16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:.75rem}.tab-btn.active{color:var(--text-primary);background:#ffffff0d;font-weight:600}.device-palette{flex-direction:column;gap:12px;padding:16px;display:flex}.palette-item{border:1px solid var(--border-color);cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:10px;gap:12px;padding:12px;transition:all .2s;display:flex}.palette-item:hover{background:#ffffff0d;border-color:#00f2fe4d;transform:translate(2px)}.palette-icon{width:40px;height:40px;color:var(--accent-cyan);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.palette-item.terminal .palette-icon{color:var(--accent-blue)}.palette-item.controller .palette-icon{color:var(--accent-magenta)}.palette-item.lock .palette-icon{color:var(--accent-red)}.palette-item.accessory .palette-icon{color:var(--accent-green)}.palette-item.power .palette-icon{color:var(--accent-yellow)}.palette-details{flex-direction:column;flex:1;display:flex}.palette-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.palette-desc{color:var(--text-secondary);margin-top:2px;font-size:.75rem;line-height:1.25}.palette-price{color:var(--accent-cyan);margin-top:4px;font-size:.75rem;font-weight:700}.canvas-container{background-color:#090c15;outline:none;flex:1;position:relative;overflow:hidden}.canvas-svg{pointer-events:all;width:100%;height:100%;position:absolute;top:0;left:0}.device-node{cursor:move;transition:filter .2s}.device-node:hover{filter:drop-shadow(0 0 8px #00f2fe4d)}.device-node.selected .node-body{border-color:var(--accent-cyan);box-shadow:0 0 16px #00f2fe66}.node-body{rx:8;ry:8;fill:#0f1524;stroke:#ffffff1a;stroke-width:1.5px;transition:all .2s}.node-header{rx:8;ry:8;fill:#ffffff08}.node-title{fill:var(--text-primary);font-size:11px;font-weight:600}.node-model{fill:var(--text-secondary);font-size:9px;font-weight:500}.node-led{r:4;fill:#4b5563;transition:fill .3s,filter .3s}.node-led.online{fill:var(--accent-blue);filter:drop-shadow(0 0 4px var(--accent-blue))}.node-led.granted{fill:var(--accent-green);filter:drop-shadow(0 0 6px var(--accent-green))}.node-led.denied{fill:var(--accent-red);filter:drop-shadow(0 0 6px var(--accent-red))}.node-led.alarm{fill:var(--accent-magenta);filter:drop-shadow(0 0 8px var(--accent-magenta));animation:1s infinite alternate pulse-alarm}@keyframes pulse-alarm{0%{opacity:.4}to{opacity:1}}.pin-circle{r:5;fill:#1e293b;stroke:#fff6;stroke-width:1.5px;cursor:crosshair;transition:fill .2s,r .2s}.pin-circle:hover{r:7;fill:var(--accent-cyan);stroke:var(--text-primary)}.pin-circle.connected{fill:var(--accent-blue);stroke:var(--accent-cyan)}.pin-label{fill:var(--text-secondary);pointer-events:none;font-size:8px}.connection-wire{fill:none;stroke-width:2.5px;cursor:pointer;transition:stroke .2s,stroke-width .2s}.connection-wire:hover{stroke-width:4.5px;filter:drop-shadow(0 0 6px var(--accent-cyan))}.connection-wire.selected{stroke-width:4px;filter:drop-shadow(0 0 8px var(--accent-magenta));stroke:var(--accent-magenta)!important}.wire-power{stroke:#f36}.wire-wiegand{stroke:#3cf}.wire-rs485{stroke:#fc0}.wire-relay{stroke:#39ff14}.wire-ethernet{stroke:#93f}.wire-default{stroke:#64748b}.wire-active{stroke-dasharray:8 8;animation:1.5s linear infinite wire-flow}@keyframes wire-flow{to{stroke-dashoffset:-16px}}.sidebar-right{border-left:1px solid var(--border-color);z-index:10;flex-direction:column;width:340px;display:flex;overflow-y:auto}.sidebar-right-section{border-bottom:1px solid var(--border-color);padding:16px 20px}.sidebar-right-section:last-child{border-bottom:none}.section-subtitle{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem;font-weight:600;display:flex}.section-subtitle i{color:var(--accent-cyan)}.property-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.property-group label{color:var(--text-secondary);font-size:.75rem}.property-control{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;border-radius:6px;outline:none;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.property-control:focus{border-color:var(--accent-cyan)}.diagnostics-list{flex-direction:column;gap:8px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.diagnostic-item{border:1px solid #0000;border-radius:8px;gap:10px;padding:10px;font-size:.75rem;line-height:1.35;display:flex}.diagnostic-item.error{color:#ff8fa3;background:#ff386014;border-color:#ff386026}.diagnostic-item.warning{color:#ffe88f;background:#ffdd5714;border-color:#ffdd5726}.diagnostic-item.info{color:#8fecff;background:#00c6ff14;border-color:#00c6ff26}.diagnostic-item i{margin-top:2px}.empty-diagnostics{color:var(--accent-green);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 0;font-size:.75rem;display:flex}.stat-box{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.stat-card{border:1px solid var(--border-color);text-align:center;background:#ffffff05;border-radius:8px;padding:12px}.stat-val{color:var(--text-primary);margin-top:4px;font-size:1.1rem;font-weight:700}.stat-val.healthy{color:var(--accent-green)}.stat-val.critical{color:var(--accent-red)}.stat-lbl{text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.simulator-panel{border-top:1px solid var(--border-color);z-index:10;background:#080c15e6;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sim-status{align-items:center;gap:12px;font-size:.85rem;display:flex}.sim-indicator{background:var(--text-muted);border-radius:50%;width:10px;height:10px}.sim-indicator.active{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:1.5s infinite alternate pulse-sim}@keyframes pulse-sim{0%{opacity:.5}to{opacity:1}}.sim-controls{align-items:center;gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:12px;width:90%;max-width:650px;max-height:80vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.bom-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.85rem}.bom-table th,.bom-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px}.bom-table th{color:var(--text-muted);font-weight:600}.bom-table td{color:var(--text-primary)}.bom-total{color:var(--accent-cyan);border-top:1px solid var(--border-color);justify-content:flex-end;gap:24px;margin-top:16px;padding-top:12px;font-size:1rem;font-weight:700;display:flex}.canvas-tooltip{border:1px solid var(--border-color);color:var(--text-primary);pointer-events:none;z-index:1000;background:#0f172af2;border-radius:6px;padding:8px 12px;font-size:.75rem;position:absolute;box-shadow:0 4px 12px #00000080}@media print{@page{size:A4 landscape;margin:10mm}body{color:#000;background:#fff}.navbar,.sidebar-left,.sidebar-right,.simulator-panel,.btn{display:none!important}.app-container{background:0 0;width:100%;height:auto}.workspace{height:auto;display:block}.canvas-container{page-break-after:always;background:#fff;border:1px solid #ccc;height:500px}.bom-modal-print-view{padding:20px;display:block!important}}.bom-modal-print-view{display:none}.led-glow{transition:fill .3s,filter .3s}svg .device-node:hover{filter:drop-shadow(0 0 12px #00f2fe73)}svg .device-node.selected{filter:drop-shadow(0 0 16px #8b5cf680)}