@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&family=Cinzel:wght@700;900&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Caveat:wght@400;600&display=swap";:root{--tactical-bg: rgba(10, 16, 30, .72);--tactical-bg-solid: #0a0f1d;--tactical-border: rgba(255, 255, 255, .08);--tactical-glow: rgba(59, 130, 246, .22);--tactical-accent: #3B82F6;--tactical-cyan: #06B6D4;--tactical-text-pr: #FFFFFF;--tactical-text-sec: #E2E8F0;--tactical-text-mut: #94A3B8;--cork: #8B6914;--cork-light: #A07822;--cork-dark: #6B520F;--wood-dark: #2C1A0A;--wood-mid: #3A2010;--wood-light: #9B7048;--wood-bg: #7A5220;--amber: #D4A76A;--amber-glow: rgba(212,167,106,.25);--paper: #F5F0E0;--paper-dark: #EDE0C8;--paper-shadow: #C8B88A;--notepad: #FEFEC8;--notepad-line: #CCCC99;--newsprint: #DDD5B8;--polaroid-bg: #FFFEF8;--ink: #111111;--ink-mid: #3A3A3A;--ink-light: #6B6B6B;--ink-faded: #9A9A8A;--string-red: #CC3333;--string-blue: #336699;--string-green: #4A7A33;--string-yellow: #CCAA33;--string-purple: #884499;--string-white: #BBBBAA;--pin-red: #CC2222;--pin-silver: #B0B0B0;--success: #4A8833;--error: #CC3333;--warning: #CCAA33;--mono: "Share Tech Mono", monospace;--ui: "Rajdhani", sans-serif;--display: "Cinzel", Georgia, serif;--headline: "Cinzel", Georgia, serif;--body-font: "EB Garamond", Georgia, serif;--handwriting: "Caveat", cursive;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 2px;--duration: .15s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--wood-dark);color:var(--ink);font-family:var(--ui);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:focus-visible{outline:2px solid var(--amber);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:-1px}.app{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1;overflow:hidden}.app-header{position:absolute;top:24px;left:0;right:0;margin:0 auto;width:max-content;max-width:95vw;height:48px;border-radius:24px;background:var(--tactical-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--tactical-border);display:flex;align-items:center;padding:0 var(--space-4) 0 var(--space-5);gap:var(--space-5);z-index:100;overflow:visible;box-shadow:0 12px 40px #000000a6,inset 0 1px #ffffff26,inset 1px 0 #ffffff1a,inset 0 -1px #ffffff0d,0 0 20px 2px #3b82f60f}.logo{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;flex-shrink:0}.logo-hex{font-size:20px;color:var(--tactical-cyan);filter:drop-shadow(0 0 6px rgba(6,182,212,.35));line-height:1}.logo-text{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:3px;color:var(--tactical-text-pr);text-shadow:0 0 10px rgba(255,255,255,.1);text-transform:uppercase}.logo-tag{background:#991b1b;color:#fff;font-family:var(--mono);font-size:8px;padding:2px 6px;letter-spacing:2px;border-radius:var(--radius);border:1px solid #DC2626;opacity:1;text-transform:uppercase}.board-tabs{display:flex;gap:var(--space-1);align-items:center;flex:1;overflow-x:auto;scrollbar-width:none}.board-tabs::-webkit-scrollbar{display:none}.board-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--tactical-text-sec);font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:4px 13px;cursor:pointer;border-radius:var(--radius);transition:all var(--duration);white-space:nowrap;-webkit-user-select:none;user-select:none}.board-tab:hover{color:#fff;border-color:#3b82f680;background:#3b82f61f}.board-tab:active{transform:scale(.97)}.board-tab.active{color:#fff;border-color:var(--tactical-accent);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 12px #3b82f666}.board-tab.new-tab{color:var(--tactical-text-mut);border-style:dashed}.board-tab.new-tab:hover{color:#fff;border-color:var(--tactical-cyan);background:#06b6d41f}.board-tab:disabled{opacity:.4;cursor:not-allowed}.header-right{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.header-status{font-family:var(--mono);font-size:10px;color:#10b981;letter-spacing:2px;opacity:1;font-weight:700;text-shadow:0 0 8px rgba(16,185,129,.4)}.save-status{font-family:var(--mono);font-size:9px;color:var(--tactical-text-sec);font-weight:600;letter-spacing:1px;transition:color var(--duration);display:flex;align-items:center;gap:4px}.save-status--saving{color:var(--warning)}.save-status--saved{color:var(--success)}.save-status--error{color:var(--error)}.toolbar{position:absolute;left:24px;top:50%;transform:translateY(-50%);border-radius:30px;background:var(--tactical-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--tactical-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 4px;gap:var(--space-2);z-index:100;overflow:hidden;box-shadow:0 12px 40px #000000a6,inset 0 1px #ffffff26,inset 1px 0 #ffffff1a,inset 0 -1px #ffffff0d,0 0 20px 2px #3b82f60f}.tool-slot{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;width:100%}.tool-btn{width:44px;height:44px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--tactical-text-sec);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--duration),transform .1s;position:relative;-webkit-user-select:none;user-select:none}.tool-btn:hover{background:#3b82f61f;color:#fff;border-color:#3b82f666}.tool-btn:active{transform:scale(.92)}.tool-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:var(--tactical-accent);box-shadow:0 0 12px #3b82f659}.tool-btn-danger:hover{color:#f44;border-color:#f44;background:#ff44441f}.tool-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tool-btn .shortcut-key{position:absolute;bottom:-2px;right:-2px;font-family:var(--mono);font-size:6px;color:var(--tactical-text-sec);background:#0b0f19;padding:1px 3px;border-radius:1px;line-height:1;opacity:0;transition:opacity var(--duration)}.tool-slot:hover .shortcut-key{opacity:1}.tool-label{font-family:var(--mono);font-size:7px;color:var(--tactical-text-mut);letter-spacing:.5px;text-align:center;line-height:1;text-transform:uppercase;transition:color var(--duration)}.tool-slot:hover .tool-label{color:var(--tactical-text-sec)}.tool-divider{width:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:var(--space-2) 0}.shortcut-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:2000;display:flex;align-items:center;justify-content:center}.shortcut-panel{background:#0a101eeb;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff14;padding:var(--space-5);min-width:320px;border-radius:16px}.shortcut-panel h3{font-family:var(--headline);font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-4);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--space-2)}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--tactical-text-sec);border-bottom:1px solid rgba(255,255,255,.04)}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{font-family:var(--mono);font-size:10px;background:#3b82f626;padding:3px 10px;border-radius:4px;border:1px solid rgba(59,130,246,.3);color:var(--tactical-accent);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pinBounce{0%{transform:translate(-50%) rotate(-45deg) translateY(-20px)}60%{transform:translate(-50%) rotate(-45deg) translateY(4px)}80%{transform:translate(-50%) rotate(-45deg) translateY(-4px)}to{transform:translate(-50%) rotate(-45deg) translateY(0)}}.canvas-wrapper{flex:1;overflow:hidden;position:relative;background-color:#8b6914;background-image:linear-gradient(0deg,rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),url(/textures/cork_board.png);background-repeat:repeat;background-blend-mode:normal,normal,multiply}.canvas-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:3}.canvas-empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;opacity:.4;pointer-events:none}.empty-icon{font-size:52px;margin-bottom:14px;color:var(--amber)}.empty-text{font-family:var(--mono);font-size:11px;color:var(--amber);letter-spacing:2px;line-height:2.4}.canvas-world{position:absolute;width:4000px;height:4000px;transform-origin:0 0;z-index:2}.board-hint{position:absolute;top:1500px;left:1700px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#fff0b459}.svg-layer{position:absolute;top:0;left:0;width:4000px;height:4000px;overflow:visible;pointer-events:none}.node-card{position:absolute;width:190px;cursor:grab;-webkit-user-select:none;user-select:none;overflow:visible;transition:box-shadow .2s ease,filter .2s ease}.node-card:hover .node-card-inner{box-shadow:1px 1px #b8a878,2px 2px #a89868,4px 6px 20px #00000080}.node-card:active{cursor:grabbing}.node-card-inner{border-radius:1px;overflow:hidden;position:relative;box-shadow:1px 1px #b8a878,2px 2px #a89868,3px 3px 16px #0006}.node-card.node-selected .node-card-inner{box-shadow:1px 1px #b8a878,2px 2px #a89868,3px 3px 16px #0006,0 0 0 2px var(--amber),0 0 14px #d4a76a4d}.node-card.node-connecting-from .node-card-inner{box-shadow:1px 1px #b8a878,2px 2px #a89868,3px 3px 16px #0006,0 0 0 2px var(--string-red),0 0 14px #cc333340}.node-card.node-highlighted .node-card-inner{box-shadow:1px 1px #b8a878,2px 2px #a89868,3px 3px 16px #0006,0 0 0 2px #d4a76a80}.node-card.node-dim{opacity:.55}.node-card.node-viz-dim{opacity:.2;transition:opacity .5s ease}.node-card[data-style=plain] .node-card-inner,.node-card:not([data-style]) .node-card-inner{background-color:var(--paper);background-image:linear-gradient(#f5f0e0d9,#f5f0e0d9),url(/textures/Texturelabs_Paper_377M.jpg);background-size:cover;background-blend-mode:normal;border:1px solid var(--paper-shadow)}.node-card[data-style=polaroid] .node-card-inner{background-color:var(--polaroid-bg);background-image:linear-gradient(#fffef8f2,#fffef8f2),url(/textures/Texturelabs_Paper_302L.jpg);background-size:cover;background-blend-mode:normal;border:1px solid #DDDDCC;padding:6px 6px 24px}.node-card[data-style=polaroid] .node-img{height:115px;border:1px solid #CCCCBB;border-radius:0}.node-card[data-style=polaroid] .node-header{background:transparent;border-bottom:none;padding-bottom:2px}.node-card[data-style=polaroid] .node-title{font-family:var(--handwriting);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:#333;text-align:center;padding-top:4px}.node-card[data-style=polaroid] .node-content{display:none}.node-card[data-style=notepad] .node-card-inner{background-color:var(--notepad);background-image:linear-gradient(90deg,transparent 28px,#FF9999 28px,#FF9999 29px,transparent 29px),repeating-linear-gradient(180deg,transparent 0px,transparent 20px,var(--notepad-line) 20px,var(--notepad-line) 21px),linear-gradient(#fefec8d9,#fefec8d9),url(/textures/Texturelabs_Paper_377M.jpg);background-size:100% 21px,100% 21px,cover,cover;background-blend-mode:normal;border:1px solid #CCCC88;padding-top:4px}.node-card[data-style=notepad] .node-header{background:transparent;border-bottom:1px solid var(--notepad-line)}.node-card[data-style=notepad] .node-title{font-family:var(--headline);color:#2a2a00;font-size:13px;text-transform:uppercase}.node-card[data-style=notepad] .node-content{font-family:var(--body-font);color:#3a3a10;font-size:11px}.node-card[data-style=newsprint] .node-card-inner{background-color:var(--newsprint);background-image:linear-gradient(#ddd5b8bf,#ddd5b8bf),url(/textures/Texturelabs_Paper_302L.jpg);background-size:cover;background-blend-mode:normal;border:1px solid #BBB099;box-shadow:1px 1px #a09070,2px 2px #907060,3px 3px 16px #0006,inset 0 0 20px #0000000f}.node-card[data-style=newsprint] .node-header{background:#0000000a;border-bottom:1px solid #A09070}.node-card[data-style=newsprint] .node-title{font-family:var(--headline);font-size:14px;color:#1a1a00;line-height:1.1}.node-card[data-style=newsprint] .node-content{font-family:Times New Roman,Georgia,serif;font-size:10px;color:#2a2010;line-height:1.55;column-count:2;column-gap:6px}.node-pin{position:absolute;top:-18px;left:50%;transform-origin:12px 14px;z-index:15;width:24px;height:30px;pointer-events:none}.node-header{padding:8px 10px 5px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(0,0,0,.05);background:transparent}.node-type-icon{font-size:13px;line-height:1;flex-shrink:0}.node-type-label{font-family:var(--body-font);font-size:9px;color:var(--ink-light);text-transform:uppercase;letter-spacing:1px;font-weight:600;flex-shrink:0}.node-id{font-family:var(--mono);font-size:8px;color:#5c5446;margin-left:auto;flex-shrink:0;font-weight:700}.node-eye-btn{background:none;border:1px solid transparent;color:var(--ink-light);cursor:pointer;font-size:11px;line-height:1;padding:0 3px;border-radius:1px;transition:all var(--duration);margin-right:2px;flex-shrink:0}.node-eye-btn:hover{color:var(--amber);border-color:var(--paper-shadow)}.node-eye-btn:active{transform:scale(.88)}.node-eye-btn--off{color:var(--error)}.node-style-btn{background:none;border:1px solid transparent;color:var(--ink-faded);cursor:pointer;font-size:9px;line-height:1;padding:1px 4px;border-radius:1px;font-family:var(--mono);transition:all var(--duration);flex-shrink:0}.node-style-btn:hover{color:var(--amber);border-color:var(--paper-shadow)}.node-img{width:100%;height:105px;object-fit:cover;display:block;border-bottom:1px solid #E0D5B8;filter:grayscale(30%) contrast(1.05)}.node-img-placeholder{width:100%;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede0c8,#e0d5b8);border-bottom:1px solid #E0D5B8;opacity:.6}.node-body{padding:8px 10px 10px}.node-title{font-family:var(--headline);font-size:13px;font-weight:900;line-height:1.2;margin-bottom:3px;word-break:break-word;color:var(--ink);text-transform:uppercase;letter-spacing:-.2px}.node-content{font-family:var(--body-font);font-size:11px;color:var(--ink-mid);line-height:1.5;word-break:break-word;max-height:62px;overflow:hidden}.node-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.node-tag{font-family:var(--ui);font-weight:600;font-size:8.5px;padding:2px 6px;border-radius:3px;background:#0000000f;color:#2d3748;border:1px solid rgba(0,0,0,.1);letter-spacing:.5px;transition:all var(--duration)}.sidebar .node-tag{background:#ffffff14;color:#f1f5f9;border-color:#ffffff26}.sidebar .node-tag:hover{background:#ef444433;color:#ef4444;border-color:#ef444466}.node-port{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:var(--pin-silver);border:1.5px solid #888;cursor:crosshair;transition:all .1s;pointer-events:all;z-index:10;box-shadow:inset 0 1px 2px #fff6,0 1px 3px #00000040}.node-port:hover,.port-active{background:var(--string-red)!important;border-color:#811!important;box-shadow:0 0 8px #cc333380!important;transform:translate(-50%) scale(1.35)!important}.ctx-menu{position:fixed;background:#0a101ee0;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;min-width:200px;z-index:1000;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff14,0 0 20px 2px #3b82f60d;color:var(--tactical-text-sec);transform-origin:top left}.ctx-item{padding:9px 14px;font-family:var(--ui);font-size:12px;font-weight:600;color:var(--tactical-text-sec);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;border-radius:6px;letter-spacing:.5px}.ctx-item:hover,.ctx-item:focus{background:#3b82f62e;color:#fff;outline:none}.ctx-item.ctx-danger{color:#ef4444}.ctx-item.ctx-danger:hover,.ctx-item.ctx-danger:focus{background:#ef44442e;color:#f66}.ctx-divider{height:1px;background:#ffffff14;margin:4px 8px}.sidebar{width:320px;position:absolute;right:24px;top:24px;bottom:24px;border-radius:30px;background:var(--tactical-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--tactical-border);display:flex;flex-direction:column;overflow:hidden;z-index:100;box-shadow:0 12px 40px #000000a6,inset 0 1px #ffffff26,inset 1px 0 #ffffff1a,inset 0 -1px #ffffff0d,0 0 20px 2px #3b82f60f}.sidebar-hidden{width:0;border:none;opacity:0;pointer-events:none}.sidebar-hdr{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;background:#ffffff05}.sidebar-ttl{font-family:var(--mono);font-size:11px;color:#fff;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.15)}.sidebar-body{flex:1;overflow-y:auto;padding:var(--space-4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-body::-webkit-scrollbar{width:4px}.sidebar-body::-webkit-scrollbar-track{background:transparent}.sidebar-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sb-meta{font-family:var(--mono);font-size:10px;color:var(--tactical-text-mut);letter-spacing:1px;margin-bottom:var(--space-4);text-transform:uppercase;font-weight:600}.sb-field{margin-bottom:var(--space-3)}.sb-label{display:block;font-family:var(--mono);font-size:11px;color:var(--tactical-text-sec);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-2);font-weight:700}.sb-input{width:100%;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--body-font);font-size:14px;padding:8px 12px;border-radius:4px;outline:none;transition:all var(--duration);box-shadow:inset 0 1px 3px #00000080}.sb-input:focus{border-color:var(--tactical-accent);box-shadow:0 0 10px #3b82f659,inset 0 1px 3px #00000080;background:#0009}.sb-input::placeholder{color:#64748b;font-style:italic}.sb-input--error{border-color:var(--error)!important}.sb-textarea{resize:vertical;min-height:72px;line-height:1.5}.sb-field-error{font-family:var(--mono);font-size:9px;color:var(--error);margin-top:var(--space-1);letter-spacing:.5px}.sb-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--tactical-text-sec);cursor:pointer;font-family:var(--mono);font-size:11px;padding:6px 12px;border-radius:4px;transition:all var(--duration)}.sb-btn:hover{color:#fff;border-color:var(--tactical-accent);background:#3b82f61f}.sb-btn:active{transform:scale(.95)}.sb-btn-save{color:var(--success);border-color:var(--success)}.sb-btn-save:hover{background:#10b98126;color:#fff}.sb-btn-active{color:var(--tactical-accent);border-color:var(--tactical-accent)}.sb-btn-full{width:100%;padding:9px;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);transition:all var(--duration);margin-bottom:var(--space-2)}.sb-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;box-shadow:0 4px 12px #3b82f640}.sb-btn-primary:hover{background:#3b82f6;box-shadow:0 4px 16px #3b82f666}.sb-btn-primary:active{transform:scale(.98)}.sb-btn-danger{background:transparent;color:#ef4444;border:1px solid #EF4444}.sb-btn-danger:hover{background:#ef44441a;color:#fff}.sb-btn-danger:active{transform:scale(.98)}.sb-img-preview{width:100%;max-height:160px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);display:block;filter:grayscale(20%) contrast(1.05)}.section-collapsible .section-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;margin-bottom:8px;transition:all var(--duration)}.section-collapsible .section-header:hover{background:#ffffff12;border-color:#ffffff1f}.section-collapsible .section-header:active{transform:scale(.99)}.section-collapsible .section-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1);font-size:10px;color:var(--tactical-text-mut);display:inline-block}.section-collapsible .section-arrow--open{transform:rotate(90deg);color:var(--tactical-accent)}.section-collapsible .section-body{overflow:hidden;transition:max-height var(--duration-slow) ease}.sb-section-title{font-family:var(--mono);font-size:9px;color:#ef4444;letter-spacing:1px;text-transform:uppercase;margin:var(--space-4) 0 var(--space-2);opacity:.8}.style-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--space-2)}.style-option{padding:6px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:4px;border:1px solid rgba(255,255,255,.08);color:var(--tactical-text-sec);background:#ffffff08;transition:all var(--duration)}.style-option:hover{color:#fff;border-color:var(--tactical-accent);background:#3b82f61a}.style-option.active{color:#fff;border-color:var(--tactical-accent);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 12px #3b82f666}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ccc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1500;display:flex;align-items:center;justify-content:center}.modal{background:#0f172a;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d;padding:var(--space-5);min-width:340px;max-width:500px;border-radius:12px;transform-origin:center}.modal h3{font-family:var(--headline);font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-4);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-2)}.modal p{font-family:var(--body-font);font-size:14px;color:#cbd5e1;margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.modal-actions button{padding:8px 20px;border-radius:6px;cursor:pointer;font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:1px solid transparent;transition:all var(--duration)}.modal-actions button:active{transform:scale(.97)}.modal-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none!important}.modal-btn-primary:hover{background:#3b82f6}.modal-btn-cancel{background:transparent;color:var(--tactical-text-mut);border-color:#ffffff26!important}.modal-btn-cancel:hover{color:#fff;border-color:#ffffff4d!important}.modal-btn-danger{background:#ef4444!important;color:#fff!important;border:none!important}.modal-btn-danger:hover{background:#dc2626!important}.modal-input{width:100%;background:#1e293b;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:var(--body-font);font-size:14px;padding:8px 10px;border-radius:6px;outline:none;transition:border-color var(--duration);margin-bottom:var(--space-3)}.modal-input:focus{border-color:var(--tactical-accent);box-shadow:0 0 0 1px #3b82f64d}.modal-error{font-family:var(--mono);font-size:10px;color:var(--error);margin-top:var(--space-1)}.search-bar{position:absolute;z-index:20;display:flex;align-items:center;gap:var(--space-2);background:#0a101eb8;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff1a,0 0 16px 1px #3b82f60a;padding:8px var(--space-4);border-radius:20px;min-width:340px;max-width:520px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar:focus-within{border-color:#3b82f659;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff1a,0 0 20px 2px #3b82f61f}.search-pos-center{top:84px;left:50%;transform:translate(-50%)}.search-pos-left{top:24px;left:100px;transform:none}.search-pos-bottom-left{top:auto;bottom:24px;left:100px;transform:none}.search-pos-bottom-left .search-results{top:auto;bottom:calc(100% + 6px)}.search-pos-right{top:24px;right:24px;transform:none}.search-icon{color:var(--tactical-text-mut);font-size:14px;flex-shrink:0;opacity:.8}.search-bar>input{flex:1;background:transparent;border:none;color:var(--tactical-text-pr);font-family:var(--mono);font-size:12px;outline:none;min-width:180px}.search-bar>input::placeholder{color:var(--tactical-text-mut)}.search-settings-toggle{background:transparent;border:none;color:var(--tactical-text-mut);font-size:14px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .25s,transform .25s;outline:none}.search-settings-toggle:hover{color:#fff;transform:rotate(30deg)}.search-settings-toggle.active{color:var(--tactical-cyan);text-shadow:0 0 8px rgba(6,182,212,.5)}.search-settings-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0a101ef2;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0000008c;z-index:105;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;text-align:left}.search-pos-bottom-left .search-settings-panel{top:auto;bottom:calc(100% + 6px)}.search-setting-group{display:flex;flex-direction:column;gap:6px}.group-label{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;color:var(--tactical-text-mut);letter-spacing:1px}.checkbox-row{display:flex;gap:16px;align-items:center}.settings-checkbox{display:flex;align-items:center;gap:6px;font-family:var(--ui);font-size:12px;font-weight:600;color:var(--tactical-text-sec);cursor:pointer;-webkit-user-select:none;user-select:none}.settings-checkbox input[type=checkbox]{accent-color:var(--tactical-cyan);width:14px;height:14px;flex:none;min-width:auto;cursor:pointer}.radio-row{display:flex;gap:6px;width:100%}.settings-btn{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 8px;color:var(--tactical-text-mut);font-family:var(--ui);font-size:11px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.settings-btn:hover{background:#ffffff14;color:#fff}.settings-btn.active{background:#06b6d41f;border-color:#06b6d459;color:var(--tactical-cyan);box-shadow:0 0 10px #06b6d41a}.settings-select{width:100%;background:#0a101ed9;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px 10px;color:var(--tactical-text-sec);font-family:var(--ui);font-size:12px;font-weight:600;outline:none;cursor:pointer}.settings-select option{background:#0a101e;color:var(--tactical-text-sec)}.search-count{font-family:var(--mono);font-size:9px;color:var(--tactical-cyan);white-space:nowrap;font-weight:700;letter-spacing:.5px}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0a101eeb;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080;z-index:100;max-height:320px;overflow-y:auto;border-radius:12px;padding:4px}.search-result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--ui);font-size:12px;font-weight:600;color:var(--tactical-text-sec);cursor:pointer;transition:all .12s ease;border-bottom:1px solid rgba(255,255,255,.05);border-radius:8px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background:#3b82f626;color:#fff;outline:none}.search-result-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-family:var(--mono);font-size:9px;font-weight:700;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #3b82f64d}.search-result-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.search-result-type{font-family:var(--mono);font-size:8px;color:var(--tactical-text-mut);text-transform:uppercase;letter-spacing:1px}@keyframes marching-ants{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.marching-ants{animation:marching-ants .8s linear infinite}@keyframes empty-pulse{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-4px) scale(1.02);opacity:1;text-shadow:0 0 12px rgba(212,167,106,.5)}to{transform:translateY(0) scale(1);opacity:.8}}.empty-state{animation:empty-pulse 3s ease-in-out infinite}.card-dragging{transform:scale(1.02)!important;box-shadow:0 24px 48px #0009,0 0 0 1px var(--paper-shadow)!important;z-index:100!important}.status-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);background:#0a101eb8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px var(--space-5);white-space:nowrap;pointer-events:none;z-index:20;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff0f}.status-bar>span{font-family:var(--mono);font-size:10px;color:var(--tactical-text-mut);letter-spacing:1px;text-transform:uppercase}.status-board{color:var(--tactical-text-pr)!important;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.1)}.status-sep{color:#ffffff26!important}.status-connecting{color:#ef4444!important;text-shadow:0 0 8px rgba(239,68,68,.4)}.status-viz-btn{color:var(--tactical-accent)!important;cursor:pointer;text-shadow:0 0 8px rgba(212,167,106,.4);transition:opacity .2s}.status-viz-btn:hover{opacity:.7}.status-viz-active{color:#10b981!important;text-shadow:0 0 12px rgba(16,185,129,.6);animation:vizPulse 1.2s ease-in-out infinite}@keyframes vizPulse{0%,to{opacity:1}50%{opacity:.4}}.status-tool.tool-select{color:var(--tactical-accent)!important}.status-tool.tool-hand{color:var(--tactical-cyan)!important}.status-tool.tool-node{color:#10b981!important}.status-tool.tool-connect{color:#ef4444!important}.zoom-bar{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:2px;background:#0a101eb8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3px 6px;z-index:20;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff0f}.zoom-btn{width:30px;height:30px;background:transparent;border:none;color:var(--tactical-text-mut);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%;transition:all var(--duration)}.zoom-btn:hover{color:#fff;background:#3b82f626}.zoom-btn:active{transform:scale(.9)}.zoom-btn.active{color:var(--tactical-accent);background:#3b82f633}.zoom-sep{width:1px;height:18px;background:#ffffff1a;flex-shrink:0;margin:0 2px}.zoom-val{font-family:var(--mono);font-size:9px;color:var(--tactical-text-mut);padding:0 4px;min-width:32px;text-align:center;pointer-events:none}.navigator-panel{position:absolute;bottom:54px;right:14px;width:240px;background:#0a101ee0;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:12px;z-index:20;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f}.navigator-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.navigator-title{font-family:var(--mono);font-size:9px;color:var(--tactical-text-sec);letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.navigator-close{background:transparent;border:none;color:var(--tactical-text-mut);cursor:pointer;font-size:12px;line-height:1;padding:0 2px;transition:color var(--duration)}.navigator-close:hover{color:#fff}.navigator-canvas{position:relative;width:100%;height:130px;overflow:hidden;background:#111827;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 9px,rgba(255,255,255,.03) 9px,rgba(255,255,255,.03) 10px),repeating-linear-gradient(90deg,transparent 0,transparent 9px,rgba(255,255,255,.02) 9px,rgba(255,255,255,.02) 10px)}.navigator-viewport{position:absolute;border:2px solid #CC2222;pointer-events:none;box-shadow:0 0 0 1px #cc22224d}.navigator-node{position:absolute;border-radius:1px;pointer-events:none;opacity:.75}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #5C3A1E;border-top-color:var(--amber);border-radius:50%;animation:spin .65s linear infinite}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wood-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:var(--space-4)}.loading-pins{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.loading-pin{width:18px;height:18px;border-radius:50% 50% 50% 0;background:radial-gradient(circle at 35% 30%,#ff7070,#c22 55%,#811);box-shadow:0 2px 6px #00000080;transform:rotate(-45deg) translateY(-30px);opacity:0}.loading-text{font-family:var(--mono);font-size:11px;color:var(--amber);letter-spacing:3px;opacity:.7;text-transform:uppercase}.theme-tactical .conn-path{stroke:#06b6d4!important;stroke-width:1.5px!important;filter:drop-shadow(0 0 4px rgba(6,182,212,.7))!important;opacity:.95!important}.theme-tactical .conn-shadow{stroke:#000000b3!important;filter:none!important;stroke-width:2.5px!important}.theme-tactical .node-pin{width:12px!important;height:12px!important;background:#22d3ee!important;border-radius:50%!important;box-shadow:0 0 8px #22d3eecc!important;border:none!important;margin-left:-6px!important;top:-6px!important}.theme-tactical .node-pin .pin-svg{display:none!important}.theme-tactical .node-card .node-card-inner{background:#0b1329bf!important;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(6,182,212,.3)!important;box-shadow:0 5px 15px #00000080,0 0 10px #06b6d426!important;padding:8px!important;border-radius:6px!important}.theme-tactical .node-card:hover .node-card-inner{box-shadow:0 8px 25px #000000a6,0 0 15px #06b6d44d!important;border-color:#06b6d480!important}.theme-tactical .node-card .node-header{border-bottom:1px solid rgba(6,182,212,.15)!important;padding:4px 4px 6px!important;color:#22d3ee!important}.theme-tactical .node-card .node-type-label{font-family:var(--mono)!important;color:#22d3ee!important;letter-spacing:1.5px!important;font-weight:700!important}.theme-tactical .node-card .node-id{color:#06b6d499!important}.theme-tactical .node-card .node-title{font-family:var(--mono)!important;color:#22d3ee!important;font-size:11px!important;letter-spacing:1px!important;text-transform:uppercase!important;text-align:left!important;margin-top:6px!important;border-bottom:none!important;padding-bottom:0!important;font-weight:700!important}.theme-tactical .node-card .node-content{font-family:var(--ui)!important;color:#cbd5e1!important;font-size:11px!important;line-height:1.4!important;column-count:auto!important;margin-top:4px!important}.theme-tactical .node-card .node-img{border:1px solid rgba(6,182,212,.2)!important;border-radius:4px!important;height:90px!important;object-fit:cover!important;padding:0!important;margin-bottom:4px!important}.theme-tactical .node-card .node-img-placeholder{background-color:#02061780!important;border:1px solid rgba(6,182,212,.2)!important;height:90px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:4px!important}.theme-tactical .node-card .node-img-placeholder span{color:#22d3ee4d!important;opacity:1!important;font-size:28px!important}.theme-tactical .node-card .node-tag{background:#06b6d41a!important;color:#22d3ee!important;border:1px solid rgba(6,182,212,.2)!important;font-family:var(--mono)!important;font-size:8px!important}.theme-tactical .node-card .node-eye-btn,.theme-tactical .node-card .node-style-btn{color:#22d3ee99!important}.theme-tactical .node-card .node-eye-btn:hover,.theme-tactical .node-card .node-style-btn:hover{color:#22d3ee!important}.theme-tactical .node-card.node-selected .node-card-inner{box-shadow:0 5px 15px #00000080,0 0 15px #06b6d480!important;border-color:#22d3ee!important}.theme-tactical .node-card.node-connecting-from .node-card-inner{box-shadow:0 5px 15px #00000080,0 0 15px #ef444480!important;border-color:#ef4444!important}.theme-tactical .node-card.node-highlighted .node-card-inner{box-shadow:0 5px 15px #00000080,0 0 15px #eab30880!important;border-color:#eab308!important}.theme-tactical .node-port{background:#030712!important;border:1.5px solid #22d3ee!important;box-shadow:0 0 6px #22d3ee66!important}.theme-tactical .node-port:hover,.theme-tactical .port-active{background:#22d3ee!important;border-color:#fff!important;box-shadow:0 0 10px #22d3eecc!important}.theme-tactical .navigator-viewport{border:1.5px solid #22d3ee!important;box-shadow:0 0 8px #22d3ee80!important}.theme-tactical .navigator-node{background:#22d3ee!important}.theme-blueprint .conn-path{stroke:#ffffffa6!important;stroke-width:1.5px!important;stroke-dasharray:4 3!important;filter:none!important}.theme-blueprint .conn-shadow{display:none!important}.theme-blueprint .node-pin{width:10px!important;height:10px!important;background:#fff!important;border:1.5px solid #0b2545!important;border-radius:50%!important;box-shadow:none!important;margin-left:-5px!important;top:-5px!important}.theme-blueprint .node-pin .pin-svg{display:none!important}.theme-blueprint .node-card .node-card-inner{background:#0b254559!important;border:1.5px dashed rgba(255,255,255,.35)!important;box-shadow:none!important;padding:8px!important;border-radius:4px!important}.theme-blueprint .node-card:hover .node-card-inner{border-color:#fff9!important;background:#0b254580!important}.theme-blueprint .node-card .node-header{border-bottom:1px dashed rgba(255,255,255,.2)!important;padding:4px 4px 6px!important;color:#ffffffb3!important}.theme-blueprint .node-card .node-type-label{font-family:var(--mono)!important;color:#ffffffb3!important;letter-spacing:1px!important}.theme-blueprint .node-card .node-id{color:#fff6!important}.theme-blueprint .node-card .node-title{font-family:var(--ui)!important;color:#fff!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;text-align:center!important;margin-top:6px!important;border-bottom:none!important;padding-bottom:0!important}.theme-blueprint .node-card .node-content{font-family:var(--ui)!important;color:#ffffffb3!important;font-size:11px!important;line-height:1.4!important;column-count:auto!important;margin-top:4px!important}.theme-blueprint .node-card .node-img{border:1px dashed rgba(255,255,255,.2)!important;border-radius:2px!important;height:90px!important;object-fit:cover!important;opacity:.65!important;padding:0!important;margin-bottom:4px!important;filter:grayscale(1) contrast(1.2)!important}.theme-blueprint .node-card .node-img-placeholder{background:transparent!important;border:1px dashed rgba(255,255,255,.2)!important;height:90px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:4px!important}.theme-blueprint .node-card .node-img-placeholder span{color:#ffffff4d!important;opacity:1!important;font-size:28px!important}.theme-blueprint .node-card .node-tag{background:#ffffff0d!important;color:#ffffffb3!important;border:1px dashed rgba(255,255,255,.2)!important;font-family:var(--mono)!important;font-size:8px!important}.theme-blueprint .node-card .node-eye-btn,.theme-blueprint .node-card .node-style-btn{color:#fff6!important}.theme-blueprint .node-card .node-eye-btn:hover,.theme-blueprint .node-card .node-style-btn:hover{color:#fff!important}.theme-blueprint .node-card.node-selected .node-card-inner{border:1.5px solid #ffffff!important}.theme-blueprint .node-card.node-connecting-from .node-card-inner{border:1.5px solid #ef4444!important}.theme-blueprint .node-card.node-highlighted .node-card-inner{border:1.5px solid #eab308!important}.theme-blueprint .node-port{background:#0b2545!important;border:1.5px solid #ffffff!important;box-shadow:none!important}.theme-blueprint .node-port:hover,.theme-blueprint .port-active{background:#fff!important;border-color:#fff!important;box-shadow:none!important}.theme-blueprint .navigator-viewport{border:1.5px solid #ffffff!important;box-shadow:none!important}.theme-blueprint .navigator-node{background:#fff!important;opacity:.55!important}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at center,#0f172a,#020617);color:var(--tactical-text-pr);font-family:var(--ui);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,242,254,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.auth-box{background:#0f172a;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,0 0 20px #00f2fe14,inset 0 0 12px #ffffff05;width:100%;max-width:440px;border-radius:12px;padding:40px 35px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.auth-title{font-family:var(--ui);font-size:28px;font-weight:700;letter-spacing:5px;color:#fff;text-shadow:0 0 12px rgba(0,242,254,.5);margin-top:15px;text-transform:uppercase}.auth-subtitle{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--tactical-text-mut);font-weight:700;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-family:var(--ui);font-size:11px;letter-spacing:1.5px;color:var(--tactical-text-sec);font-weight:700;text-transform:uppercase}.auth-input{background:#1e293b;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;font-size:14px;border-radius:6px;font-family:var(--mono);transition:all var(--duration) ease;outline:none}.auth-input:focus{border-color:var(--tactical-accent);box-shadow:0 0 0 1px #3b82f64d}.auth-submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff;padding:12px;font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:2px;cursor:pointer;border-radius:6px;transition:all var(--duration) ease;margin-top:10px;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.auth-submit-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 0 15px #3b82f673}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px;font-size:11px;border-radius:6px;font-family:var(--mono);letter-spacing:.5px;text-align:center}.auth-success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:10px;font-size:11px;border-radius:6px;font-family:var(--mono);letter-spacing:.5px;text-align:center}.auth-toggle{text-align:center;margin-top:25px;font-size:13px;color:var(--tactical-text-mut)}.auth-toggle-link{background:none;border:none;color:var(--tactical-accent);font-weight:700;cursor:pointer;text-decoration:underline;padding:0;font-size:13px;font-family:var(--ui);margin-left:4px}.auth-toggle-link:hover{color:#60a5fa}.auth-visibility-toggle:hover{color:var(--tactical-text-pr)!important}.board-selector-container{display:inline-block;margin-right:12px}.board-selector-trigger{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--tactical-text-sec);font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--duration)}.board-selector-trigger:hover{color:#fff;border-color:var(--tactical-accent);background:#3b82f61f}.board-selector-trigger:active{transform:scale(.97)}.selector-icon{font-size:11px;opacity:.8}.selector-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;line-height:1.2}.selector-arrow{font-size:7px;opacity:.6;transition:transform var(--duration)}.board-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#0b0f19;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0009;border-radius:6px;width:240px;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{font-family:var(--mono);font-size:8px;font-weight:700;color:var(--tactical-text-mut);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:1px}.dropdown-list{max-height:180px;overflow-y:auto;padding:4px 0}.dropdown-item{padding:6px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--ui);font-size:11px;color:var(--tactical-text-sec);letter-spacing:.5px;text-transform:uppercase;transition:background var(--duration),color var(--duration)}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.active{background:#3b82f61f;color:var(--tactical-cyan);font-weight:700}.board-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.board-item-actions{display:flex;gap:6px;opacity:0;transition:opacity var(--duration)}.dropdown-item:hover .board-item-actions{opacity:1}.item-action-btn{background:transparent;border:none;cursor:pointer;font-size:10px;opacity:.5;transition:opacity var(--duration),transform var(--duration);padding:2px}.item-action-btn:hover{opacity:1;transform:scale(1.1)}.item-action-btn.danger:hover{filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}.dropdown-footer{border-top:1px solid rgba(255,255,255,.06);padding:6px}.dropdown-new-btn{width:100%;background:#06b6d414;border:1px dashed rgba(6,182,212,.25);color:var(--tactical-cyan);font-family:var(--ui);font-size:9px;font-weight:600;padding:5px;border-radius:4px;cursor:pointer;transition:all var(--duration);letter-spacing:.5px}.dropdown-new-btn:hover{background:#06b6d426;border-color:var(--tactical-cyan);color:#fff}.header-actions-group{display:flex;align-items:center;gap:8px}.quick-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid var(--tactical-accent);color:#fff;font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--duration);box-shadow:0 4px 8px #3b82f626}.quick-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #3b82f640;background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-action-btn:active{transform:translateY(0)}.btn-icon{font-size:11px;font-weight:700}@media (max-width: 1250px){.app-header{gap:12px;padding:0 var(--space-3) 0 var(--space-4)}.selector-name{max-width:100px}}@media (max-width: 1120px){.logo-tag,.quick-action-text{display:none}.quick-action-btn{padding:5px 8px}}@media (max-width: 1000px){.operator-text{display:none}.user-profile-trigger{padding:3px 6px!important;gap:4px!important}.selector-name{max-width:80px}}@media (max-width: 920px){.theme-toggle-group{display:none!important}}@media (max-width: 800px){.status-text{display:none}.header-status{letter-spacing:0}}