:root{--bg-dark:#07080c;--bg-card:rgba(18,22,32,0.75);--bg-sidebar:#0f121a;--border-color:rgba(255,255,255,0.1);--border-glow:rgba(0,122,255,0.4);--primary:#007aff;--primary-gradient:linear-gradient(135deg,#007aff 0%,#0056b3 100%);--success:#34c759;--warning:#ff9f0a;--danger:#ff3b30;--accent:#5ac8fa;--text-primary:#ffffff;--text-secondary:#a0a5b5;--text-muted:#6c7280;--font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}[data-theme="light"]{--bg-dark:#f1f5f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--border-color:rgba(0,0,0,0.12);--border-glow:rgba(0,122,255,0.25);--primary:#007aff;--primary-gradient:linear-gradient(135deg,#007aff 0%,#0056b3 100%);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--accent:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8}[data-theme="light"] .top-nav{background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.1)}[data-theme="light"] .brand-title{color:#0f172a}[data-theme="light"] .btn-icon,[data-theme="light"] .select-control,[data-theme="light"] input[type="text"],[data-theme="light"] input[type="search"],[data-theme="light"] input[type="number"],[data-theme="light"] textarea,[data-theme="light"] select{background:#f8fafc;color:#0f172a;border-color:rgba(0,0,0,0.15)}[data-theme="light"] .modal-content,[data-theme="light"] .drawer-panel{background:#ffffff;color:#0f172a;border-color:rgba(0,0,0,0.12);box-shadow:0 20px 60px rgba(0,0,0,0.15)}[data-theme="light"] .drawer-header{background:#f8fafc;border-bottom-color:rgba(0,0,0,0.08)}[data-theme="light"] .drawer-header-title{color:#0f172a !important}[data-theme="light"] .drawer-close-btn{background:#f1f5f9 !important;border:1px solid #cbd5e1 !important;color:#334155 !important}[data-theme="light"] .drawer-close-btn:hover{background:#fee2e2 !important;color:#dc2626 !important;border-color:#fca5a5 !important}[data-theme="light"] .drawer-btn{background:#ffffff;border-color:rgba(0,0,0,0.12);color:#0f172a;box-shadow:0 1px 4px rgba(0,0,0,0.04)}[data-theme="light"] .drawer-btn:hover{background:#f8fafc;border-color:var(--primary);box-shadow:0 4px 14px rgba(0,122,255,0.12)}[data-theme="light"] .drawer-btn-title{color:#0f172a !important}[data-theme="light"] .drawer-btn-sub{color:#64748b !important}[data-theme="light"] .drawer-btn-donantes{background:linear-gradient(135deg,rgba(168,85,247,0.12) 0%,rgba(99,102,241,0.12) 100%) !important;border-color:rgba(168,85,247,0.4) !important}[data-theme="light"] .drawer-btn-donantes:hover{background:linear-gradient(135deg,rgba(168,85,247,0.22) 0%,rgba(99,102,241,0.22) 100%) !important;border-color:rgba(168,85,247,0.6) !important}[data-theme="light"] .drawer-btn-donantes .drawer-btn-title{color:#581c87 !important}[data-theme="light"] .drawer-btn-donantes .drawer-btn-sub{color:#6b21a8 !important}[data-theme="light"] .drawer-btn-sequence{background:linear-gradient(135deg,rgba(34,197,94,0.12) 0%,rgba(14,165,233,0.12) 100%) !important;border-color:rgba(34,197,94,0.4) !important}[data-theme="light"] .drawer-btn-sequence:hover{background:linear-gradient(135deg,rgba(34,197,94,0.22) 0%,rgba(14,165,233,0.22) 100%) !important;border-color:rgba(34,197,94,0.6) !important}[data-theme="light"] .drawer-btn-sequence .drawer-btn-title{color:#14532d !important}[data-theme="light"] .drawer-btn-sequence .drawer-btn-sub{color:#166534 !important}[data-theme="light"] .drawer-btn-admin{background:linear-gradient(135deg,rgba(254,215,170,0.5) 0%,rgba(254,202,202,0.4) 100%) !important;border-color:#f97316 !important;box-shadow:0 4px 15px rgba(249,115,22,0.15) !important}[data-theme="light"] .drawer-btn-admin:hover{background:linear-gradient(135deg,rgba(254,215,170,0.75) 0%,rgba(254,202,202,0.6) 100%) !important}[data-theme="light"] .drawer-btn-admin .drawer-btn-title{color:#c2410c !important}[data-theme="light"] .drawer-btn-admin .drawer-btn-sub{color:#9a3412 !important}[data-theme="light"] .drawer-btn-logout{background:rgba(239,68,68,0.08) !important;border-color:rgba(239,68,68,0.3) !important}[data-theme="light"] .drawer-btn-logout:hover{background:rgba(239,68,68,0.16) !important;border-color:rgba(239,68,68,0.5) !important}[data-theme="light"] .drawer-btn-logout .drawer-btn-title{color:#dc2626 !important}[data-theme="light"] .board-sidebar{background:#ffffff;border-color:rgba(0,0,0,0.1)}[data-theme="light"] .board-card{background:#f8fafc;color:#0f172a;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .board-card:hover,[data-theme="light"] .board-card.active{background:#e2e8f0}[data-theme="light"] .main-workspace{background:rgba(0,0,0,0.1)}[data-theme="light"] .pane-boardview,[data-theme="light"] .pane-schematics{background:#f8fafc}[data-theme="light"] .pane-title-pill{background:rgba(255,255,255,0.94);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.12);color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,0.06)}[data-theme="light"] .tool-toolbar{background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.12);box-shadow:0 4px 14px rgba(0,0,0,0.06)}[data-theme="light"] .tool-segmented-group{background:rgba(0,0,0,0.06)}[data-theme="light"] .tool-divider{background:rgba(0,0,0,0.12)}[data-theme="light"] .tool-btn{color:#475569}[data-theme="light"] .tool-btn:hover{background:rgba(0,0,0,0.06);color:#0f172a}[data-theme="light"] .tool-btn.active{background:linear-gradient(135deg,#007aff 0%,#0056b3 100%);color:#ffffff;box-shadow:0 2px 8px rgba(0,122,255,0.3)}[data-theme="light"] #btn-save-master-orient{background:rgba(234,88,12,0.12) !important;border-color:rgba(234,88,12,0.45) !important;color:#c2410c !important}[data-theme="light"] .medibles-menu{background:#ffffff;border-color:rgba(0,0,0,0.12);box-shadow:0 10px 30px rgba(0,0,0,0.12)}[data-theme="light"] .medibles-item{color:#0f172a}[data-theme="light"] .medibles-item:hover{background:#f1f5f9}[data-theme="light"] .pdf-pane-root{background:#ffffff;color:#0f172a}[data-theme="light"] .pdf-toolbar-container{background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.1)}[data-theme="light"] .pdf-canvas-wrapper{background:#e2e8f0}[data-theme="light"] .pdf-page-sheet{box-shadow:0 5px 25px rgba(0,0,0,0.12)}[data-theme="light"] #pdf-page-input{background:#f8fafc;border:1px solid rgba(0,0,0,0.15);color:#0f172a}[data-theme="light"] .pdf-page-indicator{color:#334155}[data-theme="light"] .pdf-btn{background:#f8fafc;border-color:rgba(0,0,0,0.12);color:#0f172a}[data-theme="light"] .pdf-btn:hover{background:#e2e8f0}[data-theme="light"] .pdf-popout-btn{background:rgba(0,122,255,0.1);border:1px solid #007aff;color:#007aff}[data-theme="light"] #schem-status-pill{color:#007aff !important}[data-theme="light"] .pdf-popout-placeholder{background:#ffffff;color:#0f172a}[data-theme="light"] .bottom-telemetry{background:#ffffff;border-top-color:rgba(0,0,0,0.1)}[data-theme="light"] .telemetry-card{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0 2px 8px rgba(0,0,0,0.04)}[data-theme="light"] #selected-comp-id,[data-theme="light"] #ref-res-val{color:#0f172a !important}[data-theme="light"] #inspector-pin-list{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;color:#0f172a !important}[data-theme="light"] .inspector-pin-row{background:#ffffff;border-bottom-color:rgba(0,0,0,0.06)}[data-theme="light"] .inspector-pin-row:hover{background:#f8fafc}[data-theme="light"] .inspector-pin-row.selected{background:rgba(0,122,255,0.12);border-bottom-color:#007aff}[data-theme="light"] .multimeter-input{background:#ffffff !important;color:#0f172a !important;border-color:rgba(0,0,0,0.15) !important}[data-theme="light"] #admin-panel-modal{background:rgba(15,23,42,0.45) !important}[data-theme="light"] #admin-panel-modal>div{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;color:#0f172a !important;box-shadow:0 25px 70px rgba(0,0,0,0.2) !important}[data-theme="light"] #admin-panel-modal>div>div:first-child{background:#f8fafc !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #admin-panel-modal div[style*="font-size:16px"]{color:#0f172a !important}[data-theme="light"] #admin-panel-modal div[style*="font-size:15px"],[data-theme="light"] #admin-panel-modal div[style*="font-size:14px"]{color:#0f172a !important}[data-theme="light"] #admin-panel-modal label{color:#475569 !important}[data-theme="light"] #admin-panel-modal table tr[style*="background:rgba(255,255,255,0.04)"]{background:#f1f5f9 !important;color:#475569 !important}[data-theme="light"] #admin-panel-modal table th{color:#334155 !important}[data-theme="light"] #admin-panel-modal table tr{border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #admin-panel-modal table tr span[style*="color:#fff"]{color:#0f172a !important}[data-theme="light"] #admin-panel-modal div[style*="background:rgba(255,255,255,0.02)"]{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #admin-panel-modal div[style*="background:linear-gradient(135deg,rgba(0,210,255,0.08)"]{background:linear-gradient(135deg,rgba(14,165,233,0.08) 0%,rgba(59,130,246,0.08) 100%) !important;border-color:rgba(14,165,233,0.3) !important}[data-theme="light"] #admin-panel-modal div[style*="background:linear-gradient(135deg,rgba(255,159,10,0.08)"]{background:linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(239,68,68,0.08) 100%) !important;border-color:rgba(245,158,11,0.3) !important}[data-theme="light"] #admin-panel-modal div[style*="background:rgba(10,132,255,0.05)"]{background:rgba(2,132,199,0.06) !important;border-color:rgba(2,132,199,0.25) !important}[data-theme="light"] #admin-panel-modal div[style*="background:rgba(255,159,10,0.06)"]{background:rgba(245,158,11,0.06) !important;border-color:rgba(245,158,11,0.25) !important}[data-theme="light"] #admin-panel-modal button[onclick*="closeAdminPanelModal"]{background:#f1f5f9 !important;color:#334155 !important;border:1px solid #cbd5e1 !important}[data-theme="light"] #admin-panel-modal label[style*="background:rgba(0,0,0,0.3)"]{background:#e2e8f0 !important;color:#0f172a !important;border-color:#cbd5e1 !important}[data-theme="light"] .donor-modal-backdrop{background:rgba(15,23,42,0.45) !important}[data-theme="light"] .donor-modal-card{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;color:#0f172a !important;box-shadow:0 25px 70px rgba(0,0,0,0.2) !important}[data-theme="light"] .donor-modal-card>div:first-child{background:#f8fafc !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .donor-modal-card div[style*="font-size:16px;font-weight:800;color:#fff;"]{color:#0f172a !important}[data-theme="light"] .donor-modal-card div[style*="background:rgba(0,0,0,0.3)"]{background:#f1f5f9 !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .donor-modal-card button.badge{background:#e2e8f0 !important;color:#b45309 !important;border:1px solid rgba(0,0,0,0.08) !important}[data-theme="light"] .donor-modal-card button.badge:hover{background:#cbd5e1 !important}[data-theme="light"] .donor-modal-card div[style*="background:rgba(255,255,255,0.03)"]{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0 2px 6px rgba(0,0,0,0.04)}[data-theme="light"] .donor-modal-card div[style*="background:rgba(255,255,255,0.03)"] span[style*="color:#fff"]{color:#0f172a !important}[data-theme="light"] .donor-modal-card div[style*="background:rgba(0,0,0,0.4)"]{background:#f8fafc !important;border-top-color:rgba(0,0,0,0.08) !important;color:#475569 !important}[data-theme="light"] .donor-modal-card button[onclick*="close"]{background:#f1f5f9 !important;color:#334155 !important;border:1px solid #cbd5e1 !important}[data-theme="light"] #sequence-graph-modal{background:rgba(15,23,42,0.45) !important}[data-theme="light"] #sequence-graph-modal>div{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;color:#0f172a !important;box-shadow:0 25px 70px rgba(0,0,0,0.2) !important}[data-theme="light"] #sequence-graph-modal>div>div:first-child{background:#f8fafc !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #sequence-graph-modal div[style*="color:#fff;"]{color:#0f172a !important}[data-theme="light"] #seq-search-input{background:#ffffff !important;color:#0f172a !important;border-color:rgba(0,0,0,0.15) !important}[data-theme="light"] #seq-modal-body-container{background:#e2e8f0 !important}[data-theme="light"] #seq-sidebar-container{background:#ffffff !important;border-left-color:rgba(0,0,0,0.1) !important}[data-theme="light"] #seq-sidebar-container div[style*="background:rgba(10,132,255,0.08)"]{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #client-paywall-modal{background:rgba(15,23,42,0.65) !important}[data-theme="light"] #client-paywall-modal>div{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;box-shadow:0 25px 80px rgba(0,0,0,0.25) !important}[data-theme="light"] #paywall-title-text{color:#0f172a !important}[data-theme="light"] #paywall-msg-text{color:#475569 !important}[data-theme="light"] #client-paywall-modal div[style*="background:rgba(255,255,255,0.03)"]{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important}[data-theme="light"] #client-paywall-modal div[style*="color:#fff;display:flex"]{color:#334155 !important}.orient-btn-group{display:flex;align-items:center;background:rgba(0,0,0,0.25);border-radius:8px;padding:2px;gap:2px;border:1px solid var(--border-color)}[data-theme="light"] .orient-btn-group{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.12)}.orient-pill-btn{background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all 0.15s ease;white-space:nowrap}.orient-pill-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.08)}[data-theme="light"] .orient-pill-btn:hover{color:#0f172a;background:rgba(0,0,0,0.06)}.orient-pill-btn.active-pref{background:linear-gradient(135deg,rgba(255,159,10,0.25) 0%,rgba(217,119,6,0.25) 100%);border:1px solid #ff9f0a;color:#ff9f0a;box-shadow:0 1px 4px rgba(255,159,10,0.2)}[data-theme="light"] .orient-pill-btn.active-pref{background:rgba(234,88,12,0.12);border-color:#ea580c;color:#c2410c}.orient-pill-btn.active-master{background:linear-gradient(135deg,rgba(10,132,255,0.25) 0%,rgba(0,122,255,0.25) 100%);border:1px solid #007aff;color:#007aff;box-shadow:0 1px 4px rgba(0,122,255,0.2)}[data-theme="light"] .orient-pill-btn.active-master{background:rgba(0,122,255,0.12);border-color:#007aff;color:#007aff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);height:100vh;overflow:hidden;display:flex;flex-direction:column}.top-nav{height:48px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;z-index:100;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.brand-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#fff;white-space:nowrap}.brand-badge{background:linear-gradient(135deg,#ff9f0a 0%,#d97706 100%);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.nav-controls{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.select-control{background:rgba(255,255,255,0.05);border:1px solid var(--border-color);color:#fff;padding:4px 8px;border-radius:6px;font-family:var(--font-family);font-size:11.5px;outline:none;cursor:pointer;height:32px}.select-control:focus{border-color:var(--primary)}.search-box{display:flex;align-items:center;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:6px;padding:0 8px;height:32px;width:160px}.search-box input{background:transparent;border:none;color:#fff;font-size:11.5px;width:100%;outline:none}.btn-icon{background:rgba(255,255,255,0.05);border:1px solid var(--border-color);color:#fff;height:32px;padding:0 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all 0.2s ease;white-space:nowrap}.btn-icon:hover{background:rgba(255,255,255,0.1);border-color:var(--primary)}.main-workspace{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color);height:calc(100vh - 48px - 115px);position:relative}.pane-boardview,.pane-schematics{background:#000;position:relative;overflow:hidden;display:flex;flex-direction:column;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#boardview-canvas{width:100%;height:100%;display:block;touch-action:none}.pane-header{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;gap:4px;flex-wrap:wrap}.pane-header>*{pointer-events:auto}.pane-title-pill{background:rgba(15,18,26,0.88);backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:3px 8px;border-radius:8px;font-size:10.5px;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px}.tool-toolbar{display:flex;align-items:center;gap:3px;background:rgba(15,18,26,0.92);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:2px 4px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.6)}.tool-btn{background:transparent;border:none;color:var(--text-secondary);padding:2px 6px;height:22px;min-width:22px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:'Outfit',sans-serif;transition:all 0.15s ease;white-space:nowrap}.tool-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.tool-btn.active{background:linear-gradient(135deg,#0a84ff 0%,#0066cc 100%);color:#fff;box-shadow:0 2px 8px rgba(10,132,255,0.4)}.medibles-dropdown-container{position:relative;display:inline-flex}.medibles-menu{display:none;position:absolute;top:calc(100%+6px);left:0;background:#141720;border:1px solid var(--border-color);border-radius:10px;padding:8px;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,0.85);z-index:1000;backdrop-filter:blur(14px)}.medibles-menu.show{display:flex;flex-direction:column;gap:4px}.medibles-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:11px;color:#fff;background:rgba(255,255,255,0.03);cursor:pointer;transition:all 0.15s ease;border:1px solid transparent}.medibles-item:hover{background:rgba(10,132,255,0.2);border-color:rgba(10,132,255,0.4);color:#38bdf8}.tool-segmented-group{display:flex;align-items:center;background:rgba(255,255,255,0.06);border-radius:6px;padding:1px;gap:1px}.tool-divider{width:1px;height:14px;background:rgba(255,255,255,0.18);margin:0 1px}.pdf-pane-root{display:flex;flex-direction:column;height:100%;width:100%;background:#121620;color:#ffffff}.pdf-toolbar-container{height:42px;background:#0f121a;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:10}.pdf-canvas-wrapper{background:#1a1d26}.pdf-page-sheet{box-shadow:0 5px 25px rgba(0,0,0,0.6)}#pdf-page-input{background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);color:#ffffff}.pdf-page-indicator{color:#ffffff}.pdf-btn{background:transparent;color:#ffffff}.pdf-popout-btn{background:rgba(10,132,255,0.25);border:1px solid var(--accent-blue,#0a84ff);color:#ffffff}.pdf-popout-placeholder{background:#0f121a;color:#ffffff}.inspector-pin-row{padding:3px 8px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.04);cursor:pointer;transition:background 0.15s ease}.inspector-pin-row:hover{background:rgba(255,255,255,0.06)}.inspector-pin-row.selected{background:rgba(0,122,255,0.35);border-bottom-color:rgba(0,122,255,0.7)}canvas{width:100%;height:100%;display:block}.bottom-telemetry{height:115px;background:var(--bg-sidebar);border-top:1px solid var(--border-color);display:grid;grid-template-columns:360px 1fr 340px;gap:12px;padding:8px 14px}.telemetry-card{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between}.telemetry-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.telemetry-val-big{font-size:26px;font-weight:900;color:var(--success);font-family:var(--font-mono);line-height:1.1;margin:4px 0}.telemetry-sub{font-size:11.5px;color:var(--text-muted)}.multimeter-input-group{display:flex;gap:8px;margin-top:6px}.multimeter-input{flex:1;background:rgba(0,0,0,0.5);border:1px solid var(--border-color);border-radius:6px;color:var(--accent-green);font-family:var(--font-mono);font-size:14px;font-weight:700;padding:0 10px;outline:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(5,7,12,0.75);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity 0.3s cubic-bezier(0.16,1,0.3,1)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-panel{width:340px;max-width:85vw;height:100%;background:#0d1017;border-left:1px solid var(--border-color);box-shadow:-15px 0 40px rgba(0,0,0,0.8);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.drawer-backdrop.open .drawer-panel{transform:translateX(0)}.drawer-header{padding:16px 20px;background:rgba(255,255,255,0.03);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.drawer-header-title{font-size:15px;font-weight:800;color:var(--text-primary)}.drawer-close-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.drawer-close-btn:hover{background:rgba(239,68,68,0.2);color:#ef4444;border-color:rgba(239,68,68,0.4)}.drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.drawer-btn{width:100%;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);text-align:left;outline:none}.drawer-btn:hover{background:rgba(255,255,255,0.08);border-color:var(--primary);transform:translateX(-3px)}.drawer-btn-title{font-weight:700;font-size:13px;color:var(--text-primary);margin-bottom:2px}.drawer-btn-sub{font-size:11px;color:var(--text-secondary);font-weight:400}.drawer-btn-donantes{background:linear-gradient(135deg,rgba(191,90,242,0.18) 0%,rgba(94,92,230,0.18) 100%);border-color:rgba(191,90,242,0.4)}.drawer-btn-donantes .drawer-btn-title{color:#f3e8ff}.drawer-btn-donantes .drawer-btn-sub{color:#d8b4fe}.drawer-btn-sequence{background:linear-gradient(135deg,rgba(48,209,88,0.18) 0%,rgba(10,132,255,0.18) 100%);border-color:rgba(48,209,88,0.4)}.drawer-btn-sequence .drawer-btn-title{color:#dcfce7}.drawer-btn-sequence .drawer-btn-sub{color:#86efac}.drawer-btn-admin{background:linear-gradient(135deg,rgba(255,159,10,0.2) 0%,rgba(255,69,58,0.18) 100%);border-color:#ff9f0a;box-shadow:0 4px 15px rgba(255,159,10,0.25)}.drawer-btn-admin .drawer-btn-title{color:#ff9f0a !important}.drawer-btn-admin .drawer-btn-sub{color:#fed7aa !important}.drawer-btn-logout{background:rgba(255,69,58,0.12);border-color:rgba(255,69,58,0.35)}.drawer-btn-logout .drawer-btn-title{color:#ff453a !important}.drawer-btn-logout:hover{background:rgba(255,69,58,0.22);border-color:rgba(255,69,58,0.6)}.btn-test{background:var(--primary-gradient);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}button,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:1100px){.top-nav{height:auto;padding:8px 14px;flex-wrap:wrap;gap:8px}.nav-controls{flex-wrap:wrap;gap:8px}.bottom-telemetry{grid-template-columns:300px 1fr 280px}}@media (max-width:850px){.main-workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 100px - 220px)}.bottom-telemetry{grid-template-columns:1fr;height:auto;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:8px 12px}.select-control,.btn-icon,.multimeter-input,.btn-test{min-height:40px}}