*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0e1117;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.toolbar{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1117eb;border-bottom:1px solid #2d3748;justify-content:space-between;align-items:center;height:56px;padding:12px;display:flex;position:fixed;top:0;left:0;right:0}.toolbar-left{align-items:center;gap:24px;display:flex}.toolbar-logo{align-items:center;display:flex}.toolbar-logo svg{width:28px;height:28px}.toolbar h1{font-size:15px;font-weight:700}.toolbar h1 span{color:#718096;margin-left:6px;font-size:13px;font-weight:400}.stat-pill{color:#718096;background:#0e1117eb;border:1px solid #2d3748;border-radius:6px;align-items:center;gap:4px;padding:7px 13px;font-size:10px;display:flex}.stat-pill strong{color:#e2e8f0;font-weight:600}.toolbar-center{align-items:center;gap:12px;display:flex}.pill-group{background:#1c2333;border:1px solid #2d3748;border-radius:8px;display:flex;overflow:hidden}.pill-btn{color:#718096;cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.pill-btn:hover{color:#e2e8f0;background:#ffffff0a}.pill-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.pill-btn.active,.pill-btn[data-role=admin].active{color:#4ea8de;background:#4ea8de1f}.pill-btn[data-role=owner].active{color:#7c3aed;background:#7c3aed1f}.pill-btn[data-role=tenant].active{color:#f59e0b;background:#f59e0b1f}.search-box{color:#e2e8f0;background:#1c2333;border:1px solid #2d3748;border-radius:6px;outline:none;width:200px;padding:5px 12px;font-family:inherit;font-size:12px}.search-box:focus{border-color:#4ea8de}.search-box::placeholder{color:#718096}.toolbar-logo-group{align-items:center;gap:12px;display:flex}.zoom-btn{color:#e2e8f0;cursor:pointer;background:#1c2333;border:1px solid #2d3748;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.zoom-btn:hover{background:#242d3d}.zoom-level{color:#e2e8f0;text-align:center;box-sizing:border-box;background:#1c2333;border:1px solid #2d3748;border-radius:6px;min-width:40px;height:32px;padding:0 10px;font-size:11px;line-height:32px}.canvas-wrapper{cursor:grab;position:fixed;inset:56px 0 0;overflow:hidden}.canvas-toolbar{z-index:50;justify-content:space-between;align-items:center;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.bottom-right{align-items:center;gap:4px;display:flex}.canvas-wrapper:active{cursor:grabbing}.canvas{transform-origin:0 0;will-change:transform;position:absolute}.card{cursor:pointer;z-index:3;background:#1c2333;border:1.5px solid #2d3748;border-radius:8px;transition:box-shadow .2s,border-color .2s;position:absolute;overflow:visible}.card:hover{border-color:var(--card-color,#4ea8de);z-index:10;box-shadow:0 4px 24px #00000080}.card.highlight{z-index:20!important;border-color:#4ea8de!important;box-shadow:0 0 20px #4ea8de4d!important}.card.dimmed{opacity:.12}.card-header{border-bottom:1px solid #2d374880;padding:7px;font-size:11px;font-weight:600;line-height:1.3}.card-sections{border-bottom:1px solid #2d374880;flex-direction:column;gap:3px;padding:7px;display:flex}.section-pill{color:#718096;background:#ffffff0d;border-radius:3px;padding:5px 7px;font-size:9px;line-height:1.2}.card-footer{justify-content:space-between;align-items:center;padding:7px;display:flex}.pages-pill-label{color:#718096;background:0 0;border:1.5px solid #2d3748;border-radius:4px;padding:4px 6px;font-size:9px;transition:border-color .2s,color .2s}.pages-pill:hover .pages-pill-label{color:#e2e8f0;border-color:#4ea8de}.figma-icon{color:#718096;opacity:.6;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.card:hover .figma-icon{opacity:1}.collapse-hover-btn:hover{opacity:1!important}.figma-icon:hover{color:#4ea8de}.connections{pointer-events:none;z-index:2;position:absolute;top:0;left:0;overflow:visible}.connections-hit{z-index:5}@keyframes dash-flow{to{stroke-dashoffset:-20px}}.xref-line{opacity:.3;transition:opacity .3s}.xref-line.highlight{opacity:1;animation:.8s linear infinite dash-flow}.bottom-bar{z-index:100;justify-content:space-between;align-items:center;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.legend-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1117eb;border:1px solid #2d3748;border-radius:8px;gap:16px;padding:9px 17px;display:flex}.legend-item{color:#718096;align-items:center;gap:5px;font-size:10px;display:flex}.legend-dot{border-radius:4px;width:8px;height:8px}.help-text{color:#718096;background:#0e1117eb;border:1px solid #2d3748;border-radius:6px;padding:7px 13px;font-size:10px}.collapsed{display:none}.conn-tooltip{z-index:9999;color:#10b981;pointer-events:none;white-space:nowrap;background:#1c2333;border:1px solid #10b981;border-radius:6px;padding:6px 10px;font-size:10px;display:none;position:fixed}.zoom-menu-wrapper{display:inline-flex;position:relative}.zoom-menu{z-index:2000;background:#1c2333;border:1px solid #2d3748;border-radius:10px;min-width:220px;margin-top:8px;padding:6px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #00000080}.zoom-menu.open{display:block}.zm-item{color:#e2e8f0;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;transition:background .15s;display:flex}.zm-item:hover{background:#ffffff0d}.zm-item .zm-key{color:#718096;font-family:monospace;font-size:10px}.zm-divider{background:#2d3748;height:1px;margin:4px 0}.zm-toggle{cursor:pointer;background:#2d3748;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.zm-toggle.on{background:#4ea8de}.zm-toggle:after{content:"";background:#e2e8f0;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.zm-toggle.on:after{transform:translate(16px)}.loader-overlay{z-index:9999;background:#0e1117;justify-content:center;align-items:center;transition:opacity .6s ease-out,transform .6s ease-out;display:none;position:fixed;inset:0}.loader-overlay video{object-fit:cover;width:100%;height:100%}.loader-overlay.active{display:flex}.loader-overlay.fade-out{opacity:0;transform:scale(1.05)}.auth-overlay{z-index:10000;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.auth-overlay.fade-out{opacity:0;pointer-events:none}.auth-bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.auth-card{z-index:1;background:#e3e9ee;border-radius:20px;flex-direction:column;gap:56px;width:416px;padding:32px;font-family:Inter,sans-serif;display:flex;position:relative}.auth-logo{justify-content:space-between;align-items:center;display:flex}.auth-logo-left{align-items:center;gap:10px;display:flex}.auth-logo-left svg{width:28px;height:28px}.auth-logo-left span{color:#000;letter-spacing:-.3px;font-size:20px;font-weight:700}.auth-dei{color:#000;letter-spacing:.5px;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:flex}.auth-body{flex-direction:column;flex:1;gap:25px;display:flex}.auth-title{color:#000;letter-spacing:.48px;font-size:24px;font-weight:600}.auth-desc{color:#000;letter-spacing:.32px;font-size:15px;line-height:1.5}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{color:#000;font-size:14px}.auth-input-wrap{background:#f7fafc;border:1.5px solid #0000;border-radius:12px;align-items:center;height:48px;padding:0 16px;transition:border-color .2s;display:flex}.auth-input-wrap.error{background:#fff5f5;border-color:#e53e3e}.auth-input{color:#000;letter-spacing:.16px;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:16px}.auth-input::placeholder{color:#7d7d7d}.auth-input.error{color:#e53e3e}.auth-eye{cursor:pointer;color:#7d7d7d;background:0 0;border:none;align-items:center;padding:4px;display:flex}.auth-eye:hover{color:#000}.auth-error{color:#e53e3e;opacity:0;align-items:center;gap:6px;font-size:13px;transition:opacity .2s;display:flex}.auth-error.visible{opacity:1}.auth-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;width:100%;height:48px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .2s}.auth-btn:hover{background:#222}.auth-btn:active{background:#444}.auth-footer{text-align:center;color:#f7fafc;letter-spacing:.56px;z-index:10001;padding:32px;font-family:Inter,sans-serif;font-size:14px;position:fixed;bottom:0;left:0;right:0}.auth-footer a{color:#f7fafc;text-decoration:underline}.card-menu-btn{border:2px solid var(--card-color,#f59e0b);cursor:pointer;width:24px;height:24px;color:var(--card-color,#f59e0b);opacity:0;z-index:10;background:#0e1117;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:-12px;right:-12px}.card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background:var(--card-color,#f59e0b);color:#0e1117}.goto-label{color:#718096;letter-spacing:.5px;opacity:0;margin-right:4px;font-size:8px;font-weight:700;transition:opacity .2s}.card:hover .goto-label{opacity:1}.card-dropdown{z-index:9999;background:#1c2333;border-radius:12px;width:220px;padding:4px;position:fixed;box-shadow:0 12px 12px #00000040}.card-dropdown-item{color:#e2e8f0;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:background .15s;display:flex}.card-dropdown-item:hover{background:#2d3748}.card-dropdown-item svg{color:#718096;flex-shrink:0;width:16px;height:16px}.save-toast{z-index:9999;pointer-events:none;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;transition:opacity .3s;position:fixed;bottom:60px;right:20px}.save-toast.saving{color:#4ea8de;background:#4ea8de26;border:1px solid #4ea8de4d}.save-toast.saved{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.save-toast.error{color:#e53e3e;background:#e53e3e26;border:1px solid #e53e3e4d}.save-toast.fade-out{opacity:0}.inline-edit-input{border:none;border-bottom:1px solid var(--card-color,#4ea8de);width:100%;color:inherit;background:0 0;outline:none;padding:0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1.3}.inline-edit-pill{color:#e2e8f0;background:0 0;border:none;border-bottom:1px solid #4ea8de;outline:none;width:100%;padding:0;font-family:Inter,sans-serif;font-size:9px;line-height:1.2}.editable-title{cursor:text}.editable-title:hover{text-underline-offset:2px;text-decoration:underline}.editable-pill{justify-content:space-between;align-items:center;display:flex;position:relative}.pill-text{cursor:text;flex:1}.pill-text:hover{text-underline-offset:2px;color:#e2e8f0;text-decoration:underline}.pill-delete{cursor:pointer;color:#718096;flex-shrink:0;padding:0 0 0 4px;font-size:11px;line-height:1;display:none}.editable-pill:hover .pill-delete{display:block}.pill-delete:hover{color:#e53e3e}.wu-tag-admin{transition:opacity .2s}.wu-tag-admin:hover{opacity:.7}.merge-mode .card{cursor:crosshair}.merge-mode .card:hover{border-color:#48bb78!important;box-shadow:0 0 15px #48bb784d!important}.merge-source{opacity:.5;pointer-events:none;border-color:#f6ad55!important}.merge-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.merge-modal{background:#1c2333;border-radius:12px;width:360px;max-width:90vw;padding:24px;box-shadow:0 16px 48px #00000080}.merge-modal-title{color:#e2e8f0;margin-bottom:12px;font-size:16px;font-weight:700}.merge-modal-info{color:#a0aec0;margin-bottom:8px;font-size:12px}.merge-modal-info strong{color:#e2e8f0}.merge-label{color:#718096;letter-spacing:.5px;text-transform:uppercase;margin:14px 0 6px;font-size:11px;font-weight:600;display:block}.merge-input{color:#e2e8f0;box-sizing:border-box;background:#2d3748;border:1px solid #4a5568;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.merge-input:focus{border-color:#4ea8de}.merge-wu-selector{gap:6px;display:flex}.merge-wu-btn{color:#a0aec0;cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s}.merge-wu-btn:hover{color:#e2e8f0;border-color:#718096}.merge-wu-btn.active{color:#1a202c;background:#4ea8de;border-color:#4ea8de}.merge-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.merge-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.merge-btn-cancel{color:#a0aec0;background:#2d3748}.merge-btn-cancel:hover{color:#e2e8f0;background:#4a5568}.merge-btn-confirm{color:#1a202c;background:#48bb78}.merge-btn-confirm:hover{background:#38a169}.conn-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conn-modal{background:#1c2333;border-radius:12px;width:800px;max-width:90vw;padding:24px;box-shadow:0 16px 48px #00000080}.conn-modal-title{color:#e2e8f0;margin-bottom:16px;font-size:16px;font-weight:700}.conn-row{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.conn-field{flex-direction:column;flex:1;gap:4px;display:flex}.conn-field-label{color:#718096;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.conn-select-btn{color:#e2e8f0;text-align:left;cursor:pointer;box-sizing:border-box;background:#2d3748;border:1px solid #4a5568;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s;display:flex}.conn-select-btn:hover{border-color:#718096}.conn-select-btn.open{border-color:#10b981}.conn-select-btn svg{color:#718096;flex-shrink:0;width:16px;height:16px}.conn-swap-btn{color:#718096;cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.conn-swap-btn:hover{color:#10b981;background:#1a2e2a;border-color:#10b981}.conn-swap-btn svg{width:16px;height:16px}.conn-dropdown{z-index:10001;background:#1c2333;border:1px solid #4a5568;border-radius:8px;flex-direction:column;max-height:250px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.conn-dropdown-search{border-bottom:1px solid #2d3748;flex-shrink:0;padding:8px}.conn-dropdown-search input{color:#e2e8f0;box-sizing:border-box;background:#2d3748;border:1px solid #4a5568;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.conn-dropdown-search input:focus{border-color:#10b981}.conn-dropdown-search input::placeholder{color:#718096}.conn-dropdown-list{flex:1;padding:4px;overflow-y:auto}.conn-dropdown-item{color:#a0aec0;cursor:pointer;border-radius:6px;padding:7px 10px;font-size:12px;transition:background .1s}.conn-dropdown-item:hover{color:#e2e8f0;background:#2d3748}.conn-dropdown-item.selected{color:#10b981;font-weight:600}.conn-text-input{color:#e2e8f0;box-sizing:border-box;background:#2d3748;border:1px solid #4a5568;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.conn-text-input:focus{border-color:#10b981}.conn-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.conn-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.conn-btn-cancel{color:#a0aec0;background:#2d3748}.conn-btn-cancel:hover{color:#e2e8f0;background:#4a5568}.conn-btn-save{color:#1a202c;background:#10b981}.conn-btn-save:hover{background:#059669}.conn-btn-delete{color:#718096;background:0 0;border:1px solid #4a5568;align-items:center;gap:6px;display:flex}.conn-btn-delete:hover{color:#e53e3e;background:#e53e3e1a;border-color:#e53e3e}.lang-toggle .pill-btn{padding:7px 10px;font-size:10px;font-weight:600}.lang-toggle .pill-btn.active{color:#e2e8f0;background:#ffffff14}