:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#37352f;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}.selection-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;z-index:1000;-webkit-user-select:none;user-select:none;animation:toolbar-appear .15s ease-out}@keyframes toolbar-appear{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toolbar-group{display:flex;align-items:center;position:relative}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;color:#374151;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#f3f4f6;color:#111827}.toolbar-btn.active{background:#e5e7eb;color:#111827}.toolbar-btn.with-dropdown{width:auto;padding:0 8px}.toolbar-btn.font-btn{width:auto;min-width:80px;padding:0 8px;font-size:13px;justify-content:space-between}.toolbar-btn.size-btn{width:24px;height:24px;font-size:16px;font-weight:500}.toolbar-btn.color-btn{position:relative}.color-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:14px;height:3px;border-radius:1px;border:1px solid rgba(0,0,0,.1)}.toolbar-divider{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.font-size-group{display:flex;align-items:center;gap:2px;background:#f9fafb;border-radius:6px;padding:2px}.font-size-value{font-size:13px;font-weight:500;color:#374151;min-width:24px;text-align:center}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;padding:6px;min-width:120px;z-index:1001;animation:dropdown-appear .12s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:6px;color:#374151;font-size:13px;cursor:pointer;transition:all .1s ease;text-align:left}.dropdown-menu button:hover{background:#f3f4f6;color:#111827}.shape-picker{min-width:140px}.font-picker{min-width:160px}.color-picker{min-width:auto;padding:8px}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border-radius:4px!important;border:1px solid rgba(0,0,0,.1)!important;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003;z-index:1}.context-menu-backdrop{position:fixed;inset:0;z-index:999}.context-menu{position:fixed;min-width:220px;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e,0 0 0 1px #0000000d;padding:6px;z-index:1000;animation:context-menu-appear .12s ease-out}@keyframes context-menu-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-section{display:flex;flex-direction:column}.context-menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:none;background:transparent;border-radius:6px;color:#374151;font-size:13px;cursor:pointer;transition:all .1s ease;text-align:left;position:relative}.context-menu-item:hover{background:#f3f4f6;color:#111827}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover{background:#fef2f2;color:#b91c1c}.context-menu-item span:first-of-type:not(.shortcut):not(.submenu-arrow){flex:1}.context-menu-item .shortcut{color:#9ca3af;font-size:12px;font-family:system-ui,-apple-system,sans-serif}.context-menu-item .submenu-arrow{color:#9ca3af;margin-left:auto}.context-menu-divider{height:1px;background:#e5e7eb;margin:4px 8px}.context-menu-item.with-submenu{position:relative}.submenu{position:absolute;left:calc(100% + 4px);top:-6px;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e,0 0 0 1px #0000000d;padding:6px;z-index:1001;animation:submenu-appear .1s ease-out}@keyframes submenu-appear{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.align-submenu{min-width:220px}.context-menu-item svg{color:#6b7280;flex-shrink:0}.context-menu-item:hover svg{color:#374151}.context-menu-item.danger svg{color:#dc2626}.context-menu-item.danger:hover svg{color:#b91c1c}.connection-points{pointer-events:none}.connection-point-group{pointer-events:auto}.plus-button{cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease}.connection-point-group:hover .plus-button,.connection-points:hover .plus-button{opacity:1}.plus-button-bg{fill:#3b82f6;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:fill .15s ease,transform .15s ease}.plus-button:hover .plus-button-bg{fill:#2563eb;transform:scale(1.15)}.plus-icon{color:#fff;pointer-events:none}@keyframes pulse-plus{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.plus-button.active .plus-button-bg{animation:pulse-plus .8s ease-in-out infinite;fill:#10b981}.minimap{position:absolute;bottom:80px;right:20px;width:180px;height:120px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f,0 0 0 1px #0000000d;overflow:hidden;z-index:100;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.minimap:hover{box-shadow:0 6px 20px #00000026,0 0 0 1px #00000014;transform:scale(1.02)}.minimap svg{display:block}.naavek-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;min-height:200px}.naavek-loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.naavek-loader-logo{width:70%;height:70%;object-fit:contain;border-radius:12px;z-index:2;animation:pulse 2s infinite ease-in-out}.naavek-loader-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#0071e3;animation:spin 1s linear infinite;z-index:1}.naavek-loader-text{margin-top:16px;font-size:15px;color:#86868b;font-weight:500;animation:fadeIn .5s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.app{width:100vw;height:100vh;background:#f5f5f5;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s ease;overscroll-behavior:none}[data-theme=dark] .app{background:#1a1a1a}.header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;gap:20px}.header-left{display:flex;align-items:center;gap:16px;flex:0 0 auto}.header-center{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}.header-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.logo{display:flex;align-items:center;gap:12px}.logo-image{width:36px;height:36px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000004d}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.logo-text{color:#050038;font-size:18px;font-weight:600;transition:color .3s ease}[data-theme=dark] .logo-text{color:#fff}.history-controls{display:flex;gap:8px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;border-radius:10px;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}[data-theme=dark] .history-controls{background:#282828f2;box-shadow:0 2px 12px #0000004d;border:1px solid rgba(255,255,255,.08)}.history-btn{width:36px;height:36px;border:none;background:transparent;border-radius:6px;color:#050038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}[data-theme=dark] .history-btn{color:#a0a0a0}.history-btn:hover:not(:disabled){background:#0000000f}[data-theme=dark] .history-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.history-btn:disabled{opacity:.3;cursor:not-allowed}.history-btn:active:not(:disabled){background:#ffffff26}.share-button,.structured-view-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4353ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4353ff4d;text-decoration:none}.share-button:hover,.structured-view-button:hover{background:#3642cc;transform:translateY(-1px);box-shadow:0 4px 12px #4353ff66}.share-button:active,.structured-view-button:active{transform:translateY(0)}.boards-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fffffffa;color:#050038;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.boards-button:hover{background:#f0f0f0fa;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.boards-button:active{transform:translateY(0)}[data-theme=dark] .boards-button{background:#282828f2;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .boards-button:hover{background:#3c3c3cf2}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffffffa;border:none;border-radius:8px;color:#050038;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.theme-toggle:hover{background:#0000000f;transform:translateY(-1px)}.theme-toggle:active{transform:scale(.95)}[data-theme=dark] .theme-toggle{background:#282828f2;color:#fff;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .theme-toggle:hover{background:#3c3c3cf2}.users{display:flex;gap:8px}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;border:2px solid #1a1a1a;cursor:pointer;transition:transform .2s}.user-avatar:hover{transform:scale(1.1)}.canvas{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;background-color:#f5f5f5;background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;transition:background-color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}[data-theme=dark] .canvas{background-color:#1a1a1a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px)}.canvas-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;pointer-events:all;overflow:visible;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.canvas-content{position:absolute;top:50%;left:50%;transform-origin:center;transition:transform .1s ease-out}.welcome-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px;text-align:center;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:100}.welcome-card h1{color:#fff;font-size:28px;font-weight:600;margin-bottom:16px}.welcome-card p{color:#a0a0a0;font-size:15px;line-height:1.6}.canvas-element{padding:12px;border-radius:8px;cursor:pointer;transition:box-shadow .2s;box-sizing:border-box}.canvas-element.selected{box-shadow:0 0 0 2px #5b6ee1}.canvas-element.text{background:#282828f2;color:#fff;border:1px solid rgba(255,255,255,.08)}.canvas-element.sticky{box-shadow:0 4px 8px #0003}.element-content{width:100%;height:100%;overflow:auto;word-wrap:break-word;white-space:pre-wrap;color:inherit;outline:none;cursor:text;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.element-textarea{width:100%;height:100%;background:transparent;border:none;outline:none;resize:none;color:inherit;font-family:inherit;padding:0;overflow:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.canvas-element.sticky .element-textarea,.canvas-element.sticky .element-content{color:#1a1a1a;font-weight:500}.canvas-element.text .element-textarea,.canvas-element.text .element-content{color:#fff}.toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:var(--bg-card, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;border-radius:16px;box-shadow:0 4px 24px #00000014,0 0 0 1px #0000000a;z-index:2000;transition:all .3s ease}[data-theme=dark] .toolbar{background:#282828f2;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.tool-wrapper{position:relative}.tool-group{display:flex;gap:4px}.toolbar-divider{width:1px;height:32px;background:#0000001a;margin:0 4px}[data-theme=dark] .toolbar-divider{background:#ffffff1a}.tool-button{width:36px;height:36px;border:none;background:transparent;border-radius:10px;color:#050038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}[data-theme=dark] .tool-button{color:#a0a0a0}.tool-button:hover{background:#0000000f}[data-theme=dark] .tool-button:hover{background:#ffffff1a;color:#fff}.tool-button.active{background:#4353ff;color:#fff}.tool-button.active:hover{background:#3642cc}.tool-button:active{transform:scale(.95)}.tool-button.delete-button{color:#e74c3c}.tool-button.delete-button:hover{background:#e74c3c1a}.shapes-group{display:flex;gap:2px}.shape-variant{width:36px;height:36px;opacity:.7}.shape-variant:hover{opacity:1}.zoom-controls{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:4px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;border-radius:10px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000f;z-index:1000;transition:all .3s ease}.zoom-button{width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#1d1d1f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:13px;font-weight:500}.zoom-percentage{min-width:48px;font-size:12px}.shape-menu{position:absolute;bottom:56px;left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:8px;box-shadow:0 4px 24px #00000026,0 0 0 1px #00000014;min-width:88px;transition:all .3s ease}[data-theme=dark] .shape-menu{background:#282828f2;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.shape-option{width:40px;height:40px;border:none;background:transparent;border-radius:6px;color:#050038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}[data-theme=dark] .shape-option{color:#a0a0a0}.shape-option:hover{background:#0000000f}[data-theme=dark] .shape-option:hover{background:#ffffff1a;color:#fff}.shape-option.active{background:#4353ff;color:#fff}[data-theme=dark] .shape-option.active{background:#5b6ee1}.zoom-controls{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:12px;box-shadow:0 4px 24px #00000026,0 0 0 1px #00000014;z-index:1000;transition:all .3s ease}[data-theme=dark] .zoom-controls{background:#282828f2;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.zoom-button{width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#050038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:11px;font-weight:600}[data-theme=dark] .zoom-button{color:#a0a0a0}.zoom-button:hover{background:#0000000f}[data-theme=dark] .zoom-button:hover{background:#ffffff1a;color:#fff}.zoom-button:active{transform:scale(.95)}.zoom-indicator{font-size:13px;font-weight:600;color:#050038;min-width:50px;text-align:center}[data-theme=dark] .zoom-indicator{color:#fff}svg path,svg rect,svg ellipse,svg line{cursor:pointer}svg path:hover,svg rect:hover,svg ellipse:hover,svg line:hover{filter:brightness(1.2)}.connection-point{cursor:crosshair;transition:all .2s}.connection-point:hover{r:6;filter:brightness(1.3)}.connection-pulse{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.properties-panel{position:absolute;top:80px;right:24px;width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #00000014;z-index:1000;max-height:calc(100vh - 120px);overflow-y:auto;transition:all .3s ease}[data-theme=dark] .properties-panel{background:#282828f2;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.properties-panel h3{color:#050038;font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .properties-panel h3{color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.property-group{margin-bottom:20px}.property-group label{display:block;color:#666;font-size:13px;font-weight:500;margin-bottom:8px}[data-theme=dark] .property-group label{color:#a0a0a0}.property-controls{display:flex;align-items:center;gap:8px;background:#0000000a;border-radius:8px;padding:6px}[data-theme=dark] .property-controls{background:#1e1e1ecc}.property-btn{width:32px;height:32px;border:none;background:#fff;border-radius:6px;color:#050038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}[data-theme=dark] .property-btn{background:#ffffff0d;color:#a0a0a0}.property-btn:hover{background:#0000000f}[data-theme=dark] .property-btn:hover{background:#ffffff1a;color:#fff}.property-value{flex:1;text-align:center;color:#050038;font-size:14px;font-weight:500}[data-theme=dark] .property-value{color:#fff}.color-picker-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-btn{width:40px;height:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background-clip:padding-box;position:relative}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.color-btn.active{border-color:#5b6ee1;box-shadow:0 0 0 2px #5b6ee14d}.color-btn.active:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;transition:all .3s ease}[data-theme=dark] .modal-content{background:#2a2a2a;box-shadow:0 20px 60px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:#050038;font-size:20px;font-weight:600;margin:0}[data-theme=dark] .modal-header h2{color:#fff}.modal-close{width:32px;height:32px;border:none;background:transparent;color:#666;font-size:28px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}[data-theme=dark] .modal-close{color:#a0a0a0}.modal-close:hover{background:#0000000f;color:#050038}[data-theme=dark] .modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.modal-description{color:#666;font-size:14px;margin:0 0 20px}[data-theme=dark] .modal-description{color:#a0a0a0}.share-link-container{display:flex;gap:8px;margin-bottom:24px}.share-link-input{flex:1;padding:12px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-family:monospace;color:#050038;background:#00000005;transition:all .2s}.share-link-input:focus{outline:none;border-color:#4353ff;background:#fff}.copy-link-button{padding:12px 16px;background:#4353ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:50px}.copy-link-button:hover{background:#3642cc}.copy-link-button:active{transform:scale(.95)}.share-info{display:flex;flex-direction:column;gap:16px;padding:20px;background:#00000005;border-radius:12px}.share-info-item{display:flex;align-items:center;gap:12px;color:#050038}.share-info-item svg{color:#4353ff;flex-shrink:0}.share-info-item strong{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.share-info-item p{margin:0;font-size:14px;color:#666}.boards-panel{position:fixed;top:70px;right:20px;width:400px;max-height:calc(100vh - 100px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1100;display:flex;flex-direction:column;animation:slideUp .3s ease-out}[data-theme=dark] .boards-panel{background:#1e1e1efa;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.boards-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=dark] .boards-panel-header{border-bottom-color:#ffffff14}.boards-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#050038}[data-theme=dark] .boards-panel-header h3{color:#fff}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s}.close-button:hover{background:#0000000f;color:#050038}[data-theme=dark] .close-button{color:#a0a0a0}[data-theme=dark] .close-button:hover{background:#ffffff14;color:#fff}.boards-list{flex:1;overflow-y:auto;padding:12px}.empty-boards{padding:40px 20px;text-align:center;color:#666}[data-theme=dark] .empty-boards{color:#a0a0a0}.empty-boards p{margin:0;font-size:14px;line-height:1.6}.board-item{padding:16px;margin-bottom:8px;background:#00000005;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.board-item:hover{background:#0000000a;border-color:#4353ff33;transform:translateY(-1px)}.board-item.active{background:#4353ff14;border-color:#4353ff}[data-theme=dark] .board-item{background:#ffffff0a}[data-theme=dark] .board-item:hover{background:#ffffff14}[data-theme=dark] .board-item.active{background:#4353ff26}.board-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#050038}[data-theme=dark] .board-info h4{color:#fff}.board-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.board-code{display:inline-block;padding:2px 8px;background:#4353ff1a;color:#4353ff;font-size:12px;font-weight:600;font-family:monospace;border-radius:4px}[data-theme=dark] .board-code{background:#4353ff33;color:#6b7fff}.creator-badge{display:inline-block;padding:2px 8px;background:#27ae601a;color:#27ae60;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .creator-badge{background:#27ae6033;color:#2ecc71}.board-date{margin:0;font-size:12px;color:#999}[data-theme=dark] .board-date{color:#666}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-glow-red{0%,to{box-shadow:0 0 0 3px #ff6b6b4d,0 0 20px #ff6b6b66}50%{box-shadow:0 0 0 3px #ff6b6b80,0 0 30px #ff6b6b99}}@keyframes pulse-glow-yellow{0%,to{box-shadow:0 0 0 3px #ffc1074d,0 0 20px #ffc10766}50%{box-shadow:0 0 0 3px #ffc10780,0 0 30px #ffc10799}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.canvas-app-container{display:flex;width:100vw;height:100vh;overflow:hidden;background:#fff}.canvas-sidebar{width:280px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0;box-shadow:2px 0 16px #00000008;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.sidebar-brand-logo{height:28px;width:28px;object-fit:contain;border-radius:7px}.sidebar-brand-name{font-size:15px;font-weight:700;color:#0a0a0a;letter-spacing:-.3px}.sidebar-tabs{display:flex;padding:8px 8px 0;gap:2px;border-bottom:1px solid #e8e8e8;background:#fdfdfd}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#888;transition:all .2s}.sidebar-tab:hover{color:#333;background:#f0f0f0;border-radius:4px 4px 0 0}.sidebar-tab.active{color:#111;border-bottom-color:#111;background:#fff;border-radius:4px 4px 0 0}.sidebar-tab span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.sidebar-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.sidebar-section-header{padding:20px 20px 10px;display:flex;justify-content:space-between;align-items:center}.sidebar-section-header h3{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:1px;margin:0}.icon-btn-small{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px}.icon-btn-small:hover{background:#f0f0f0;color:#000}.add-org-button{margin:0 20px 20px;padding:12px;background:#4a90e2;background:#007aff;border:none;border-radius:8px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;letter-spacing:.5px;text-align:center;box-shadow:0 2px 5px #007aff33}.add-org-button:hover{background:#006ce6;transform:translateY(-1px)}.organizations-list{flex:1;overflow-y:auto;padding:0 20px 20px}.org-item{padding:16px;border:1px solid #eee;border-left:3px solid #000;margin-bottom:12px;background:#fff;border-radius:8px;transition:all .2s;cursor:pointer}.org-item:hover{border-color:#ddd;box-shadow:0 4px 12px #0000000a}.org-item:nth-child(1){border-left-color:#000}.org-item:nth-child(2){border-left-color:#d64045}.org-item:nth-child(3){border-left-color:#4a7ba7}.org-item:nth-child(4){border-left-color:#f8bc24}.org-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.org-item h4{margin:0;font-size:13px;font-weight:600;color:#111}.member-count{font-size:10px;background:#f0f0f0;padding:2px 6px;border-radius:10px;color:#666;font-weight:600}.org-type{font-size:10px;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.court-info{display:flex;align-items:center;gap:6px;font-size:11px;color:#666;font-weight:500;padding-top:10px;border-top:1px solid #f9f9f9}.status-dot{width:6px;height:6px;border-radius:50%;background:#ccc}.status-dot.online{background:#27ae60}.empty-state-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#999}.empty-state-sidebar p{margin:16px 0 24px;font-size:13px}.secondary-btn-small{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn-small:hover{background:#f9f9f9;border-color:#ccc}.layers-list{padding:20px}.layer-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;cursor:pointer;font-size:13px;color:#666}.layer-item.active{background:#f0f7ff;color:#007aff}.sidebar-footer{padding:16px;border-top:1px solid #f0f0f0;background:#fff}.new-requirement-btn{margin:20px;padding:16px;background:#1a1a1a;border:none;border-radius:6px;font-size:10px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;letter-spacing:1px;text-transform:uppercase;box-shadow:0 2px 8px #0000001a}.new-requirement-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.canvas-header{height:52px;background:#fff;border-bottom:1px solid #ebebeb;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;z-index:50;flex-shrink:0}.canvas-header .header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.back-btn-canvas{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #e4e4e4;border-radius:7px;background:#fafafa;color:#444;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.back-btn-canvas:hover{background:#f0f0f0;border-color:#d0d0d0;color:#111}.canvas-header .header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;pointer-events:none}.canvas-title-group{display:flex;align-items:center;gap:4px}.canvas-title-project{font-size:13px;font-weight:500;color:#888}.canvas-title-sep{color:#ccc;flex-shrink:0}.canvas-title-board{font-size:13px;font-weight:600;color:#111}.canvas-header .header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.requirements-btn-canvas{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#f0f4ff;color:#2563eb;border:1px solid #dbeafe;border-radius:7px;font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .15s}.requirements-btn-canvas:hover{background:#dbeafe;border-color:#bfdbfe}.share-btn-canvas{padding:7px 16px;background:#111;color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .15s}.share-btn-canvas:hover{background:#333}.project-name{font-size:13px;font-weight:500;color:#333}.logo{font-size:15px;font-weight:700;color:#0a0a0a}.canvas-tools-header{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 12px #00000014;z-index:100}.canvas-tool-group{display:flex;gap:4px}.canvas-tool-group button{width:40px;height:40px;border:none;background:transparent;border-radius:6px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-tool-group button:hover{background:#f5f5f5;color:#000}.canvas-tool-group button.active{background:#f0f0f0;color:#000}.canvas-main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;width:100%;height:100%}.canvas{flex:1;width:100%;height:100%;position:relative;background:#fafafa;overflow:hidden;cursor:grab;background-image:radial-gradient(circle,#b0b0b0 1px,transparent 1px);background-size:20px 20px}.canvas:active{cursor:grabbing}.canvas-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.canvas-svg *{pointer-events:auto}.zoom-controls-floating{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:1px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;overflow:hidden;z-index:100}.zoom-controls-floating button{width:40px;height:40px;border:none;background:#fff;color:#606060;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px;font-weight:400}.zoom-controls-floating button:hover{background:#f5f5f5;color:#000}.zoom-controls-floating button:not(:last-child){border-bottom:1px solid #f0f0f0}.org-expanded-overlay{position:fixed;inset:0;z-index:2000;background:#fafafafa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:40px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.org-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.org-overlay-title h2{font-size:24px;font-weight:700;color:#111;margin:0 0 8px}.org-overlay-title p{color:#666;font-size:14px;margin:0}.org-overlay-actions{display:flex;gap:16px}.search-bar-large{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 16px;width:400px;height:48px;box-shadow:0 2px 4px #00000005}.search-bar-large input{border:none;background:transparent;width:100%;margin-left:12px;font-size:14px;color:#333;outline:none}.primary-btn-large{background:#007aff;color:#fff;border:none;padding:0 24px;height:48px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.primary-btn-large:hover{background:#0062cc;transform:translateY(-1px)}.close-overlay-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;cursor:pointer;color:#999;padding:8px;border-radius:50%;transition:all .2s}.close-overlay-btn:hover{background:#eee;color:#000}.org-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;overflow-y:auto;padding-bottom:40px}.org-card-large{background:#fff;border:1px solid #eee;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:all .2s;display:flex;flex-direction:column}.org-card-large:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#e0e0e0}.org-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.org-identity{display:flex;gap:16px}.org-logo-large{width:48px;height:48px;border-radius:10px;background:#f0f7ff;color:#007aff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.org-details h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#111}.org-details .role-badge{font-size:12px;color:#666}.admin-tag{background:#fff9c4;color:#f57f17;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600;text-transform:uppercase;vertical-align:middle}.org-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.stat-box{background:#fcfcfc;border-radius:8px;padding:12px;border:1px solid #f5f5f5}.stat-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#888;margin-bottom:4px;font-weight:600}.stat-value{font-size:16px;font-weight:700;color:#111}.stat-sub{font-size:11px;color:#27ae60;margin-top:2px;display:block}.join-date{font-size:11px;color:#999;margin-bottom:20px;display:block}.org-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.card-btn{padding:10px;border:1px solid #eee;background:#fff;border-radius:6px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s;text-align:center}.card-btn:hover{background:#f9f9f9;border-color:#ddd}.canvas-element{transition:transform .05s ease-out,box-shadow .15s ease}.canvas-element:hover{z-index:10}.canvas-element.court-locked{opacity:.75;cursor:not-allowed!important}.canvas-element.court-locked *{cursor:not-allowed!important;pointer-events:none}.shape-element{border-radius:8px;background:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 3px #00000014;transition:all .15s ease}.shape-element:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.shape-element.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #0000001a}.shape-element.rounded{border-radius:16px}.shape-element.pill{border-radius:999px}.requirement-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;overflow:hidden;transition:all .2s ease}.requirement-card:hover{box-shadow:0 8px 25px #0000001a,0 3px 10px #0000000d;transform:translateY(-1px)}.requirement-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 8px 25px #0000001a}.requirement-card .card-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#fafafa}.requirement-card .card-body{padding:16px}.requirement-card .card-footer{padding:12px 16px;border-top:1px solid #f3f4f6;background:#fafafa;display:flex;align-items:center;justify-content:space-between}.section-element{border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb80;transition:all .15s ease}.section-element:hover{border-color:#9ca3af;background:#f9fafbcc}.section-element.selected{border-color:#3b82f6;border-style:solid;background:#3b82f608}.section-title{position:absolute;top:-28px;left:8px;font-size:13px;font-weight:600;color:#6b7280;background:#fff;padding:4px 10px;border-radius:6px;box-shadow:0 1px 3px #00000014}.selection-box{fill:#3b82f614;stroke:#3b82f6;stroke-width:1;stroke-dasharray:4 2}.resize-handle{fill:#fff;stroke:#3b82f6;stroke-width:2;cursor:nwse-resize;transition:all .1s ease}.resize-handle:hover{fill:#3b82f6;transform:scale(1.2)}.resize-handle.corner-nw{cursor:nwse-resize}.resize-handle.corner-ne{cursor:nesw-resize}.resize-handle.corner-se{cursor:nwse-resize}.resize-handle.corner-sw{cursor:nesw-resize}.resize-handle.edge-n{cursor:ns-resize}.resize-handle.edge-e{cursor:ew-resize}.resize-handle.edge-s{cursor:ns-resize}.resize-handle.edge-w{cursor:ew-resize}.connector-path{fill:none;stroke:#374151;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s ease,stroke-width .15s ease}.connector-path:hover{stroke:#6366f1;stroke-width:3}.connector-path.selected{stroke:#3b82f6;stroke-width:3}.connector-hitbox{fill:none;stroke:transparent;stroke-width:20;cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-slide-up{animation:slide-up .2s ease-out}.animate-pulse-glow{animation:pulse-glow 1.5s ease-in-out infinite}.status-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 6px #00000026;z-index:10}.status-badge.success{background:#10b981}.status-badge.warning{background:#f59e0b}.status-badge.error{background:#ef4444}.status-badge.info{background:#3b82f6}.canvas-tooltip{position:absolute;background:#1f2937;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0003;animation:fade-in .15s ease-out}.canvas-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937}.drag-preview{opacity:.7;pointer-events:none;z-index:1000}.drag-placeholder{border:2px dashed #3b82f6;border-radius:8px;background:#3b82f60d}.minimap{position:absolute;bottom:20px;right:20px;width:180px;height:120px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #0000000d;overflow:hidden;z-index:100}.minimap-content{width:100%;height:100%;position:relative}.minimap-viewport{position:absolute;border:2px solid #3b82f6;border-radius:2px;background:#3b82f61a;pointer-events:none}.minimap-element{position:absolute;background:#e5e7eb;border-radius:1px}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-overlay{pointer-events:none;opacity:.3}.grid-overlay line{stroke:#d1d5db;stroke-width:.5}.grid-overlay line.major{stroke:#9ca3af;stroke-width:1}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;min-width:300px;animation:slideIn .3s ease-out;border-left:4px solid transparent}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast button{margin-left:auto;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px}.toast button:hover{color:#4b5563}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.modal-content p{margin:0 0 24px;color:#6b7280;font-size:14px;line-height:1.5}.modal-content input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:24px;font-size:14px}.modal-content input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{padding:8px 16px;background:#3b82f6;border:1px solid transparent;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.global-layout{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#f5f5f7;overflow:hidden}.global-header{height:64px;width:100%;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;padding:0 24px;flex-shrink:0;z-index:50;gap:24px}.header-left{display:flex;align-items:center;gap:24px}.logo-container{display:flex;align-items:center;gap:12px}.logo-img{width:32px;height:32px;border-radius:4px;object-fit:cover}.logo-text{font-size:18px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.org-dropdown{position:relative;min-width:200px}.org-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f5f7;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#1d1d1f;font-size:14px;font-weight:500}.org-trigger:hover{background:#e8e8ed}.org-trigger.active{background:#e8e8ed;border-color:#0a0a0a}.org-menu{position:absolute;top:100%;left:0;width:240px;margin-top:8px;background:#fff;border-radius:4px;box-shadow:0 4px 12px #0000001f;border:1px solid rgba(0,0,0,.04);padding:6px;z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.org-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:3px;cursor:pointer;font-size:14px;color:#1d1d1f;text-align:left}.org-item:hover{background:#f5f5f7}.org-item.selected{background:#f5f5f5;color:#0a0a0a}.org-item.create-new{color:#0a0a0a;border-top:1px solid rgba(0,0,0,.04);margin-top:4px;padding-top:10px}.header-nav{display:flex;align-items:center;gap:8px;margin-right:auto}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;color:#424245;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{background:#f5f5f7;color:#1d1d1f}.nav-item.active{background:#f5f5f5;color:#0a0a0a;font-weight:600}.nav-badge{background:#0a0a0a;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;min-width:18px;text-align:center;line-height:1.3}.header-right{display:flex;align-items:center;gap:16px}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background .2s;border:1px solid transparent}.user-profile:hover{background:#f5f5f7;border-color:#0000000d}.user-avatar{width:32px;height:32px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#1d1d1f;line-height:1.2}.user-email{font-size:11px;color:#86868b;line-height:1.2}.logout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#86868b;border-radius:3px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#fff0f0;color:#d32f2f}.user-dropdown{position:relative}.user-trigger{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease;font-family:inherit}.user-trigger:hover,.user-trigger.active{background:#f5f5f7;border-color:#00000012}.user-trigger:disabled{opacity:.5;cursor:not-allowed}.user-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:4px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000d;z-index:200;padding:6px;overflow:hidden}.user-menu-avatar{border-radius:4px!important}.user-menu-header{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}.user-menu-avatar{width:36px;height:36px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-menu-name{font-size:13px;font-weight:600;color:#1d1d1f;line-height:1.3}.user-menu-email{font-size:11px;color:#86868b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.user-menu-divider{height:1px;background:#0000000f;margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:3px;font-size:14px;font-weight:400;color:#1d1d1f;cursor:pointer;transition:background .15s;text-align:left;font-family:inherit}.user-menu-item:hover{background:#f5f5f7}.user-menu-item.danger{color:#dc2626}.user-menu-item.danger:hover{background:#fef2f2}.global-content{flex:1;overflow-y:auto;position:relative;background:#fafafa}.team-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.team-modal{background:#fff;border-radius:18px;width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.team-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;border-bottom:1px solid rgba(0,0,0,.08)}.team-modal-header h2{margin:0;font-size:26px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.team-modal-header p{margin:4px 0 0;font-size:15px;color:#86868b;font-weight:400}.close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f7;color:#1d1d1f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:hover{background:#e8e8ed}.error-banner{padding:12px 32px;background:#ffebee;color:#c62828;font-size:14px;border-bottom:1px solid rgba(198,40,40,.2)}.team-modal-body{padding:24px 32px 32px;overflow-y:auto;flex:1}.add-member-section{margin-bottom:32px}.add-member-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#0071e3;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.add-member-btn:hover{background:#0077ed}.add-member-form{background:#f5f5f7;padding:20px;border-radius:14px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#86868b;pointer-events:none}.member-input,.member-select{width:100%;padding:12px 14px 12px 40px;border:1px solid #d2d2d7;border-radius:10px;font-size:15px;background:#fff;color:#1d1d1f;outline:none;transition:all .2s;font-family:inherit}.member-input:focus,.member-select:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e31a}.access-scope-section{margin-bottom:16px}.scope-label{display:block;font-size:13px;font-weight:600;color:#86868b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.scope-options{display:flex;gap:12px}.scope-option{flex:1;display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #d2d2d7;border-radius:10px;cursor:pointer;transition:all .2s}.scope-option:hover{border-color:#b8b8bb}.scope-option.active{border-color:#0071e3;background:#f0f7ff;color:#0071e3}.scope-option input{accent-color:#0071e3}.project-selection-list{background:#fff;border:1px solid #d2d2d7;border-radius:10px;max-height:200px;overflow-y:auto;margin-bottom:16px;padding:8px}.project-select-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s}.project-select-item:hover{background:#f5f5f7}.project-select-item.selected{background:#f0f7ff;color:#0071e3}.check-icon{color:#d2d2d7}.check-icon.checked{color:#0071e3}.no-projects-msg{padding:16px;text-align:center;color:#86868b;font-size:14px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-add{padding:10px 20px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.btn-cancel{background:#fff;color:#1d1d1f;border:1px solid #d2d2d7}.btn-cancel:hover{background:#f5f5f7}.btn-add{background:#0071e3;color:#fff}.btn-add:hover:not(:disabled){background:#0077ed}.btn-add:disabled{opacity:.5;cursor:not-allowed}.members-list-header{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:13px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.5px}.member-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e8e8ed;border-radius:12px;transition:all .2s}.member-item:hover{border-color:#d2d2d7;box-shadow:0 2px 8px #0000000d}.member-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0071e3,#005bb5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-size:15px;font-weight:500;color:#1d1d1f;margin-bottom:2px}.member-email{font-size:13px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.member-remove-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f5f5f7;color:#d32f2f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.member-remove-btn:hover{background:#ffebee}.projects-list-page{min-height:100vh;background:#fff;padding:40px 56px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.organization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.org-icon-large{width:48px;height:48px;background:#0a0a0a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.org-info h1{margin:0;font-size:22px;font-weight:700;color:#0a0a0a;letter-spacing:-.4px}.org-info .text-muted{margin:3px 0 0;font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.org-id-display{display:flex;align-items:center;gap:6px;margin-top:4px}.org-id-text{font-size:11px;font-family:monospace;color:#9ca3af;background:#f3f4f6;padding:2px 7px;border-radius:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-id-copy-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:2px 4px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}.org-id-copy-btn:hover{color:#0071e3;background:#e8f0fd}.org-actions{display:flex;align-items:center;gap:10px}.delete-org-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;color:#9ca3af;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .15s}.delete-org-btn:hover{background:#fff5f5;color:#dc2626;border-color:#fca5a5}.team-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#0a0a0a;border:1.5px solid #e5e5e5;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.team-btn:hover{border-color:#0a0a0a;background:#f9f9f9}.divider{display:none}.projects-section{display:flex;flex-direction:column;gap:20px;margin-bottom:52px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-header h2{margin:0;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}.project-count{font-size:12px;font-weight:500;color:#9ca3af}.create-project-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.create-project-btn:hover{opacity:.82}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.project-card-wrapper{position:relative;display:flex;flex-direction:column}.project-share-btn{position:absolute;top:10px;right:44px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fffffff2;border:1.5px solid #e5e5e5;border-radius:3px;cursor:pointer;opacity:0;transition:all .15s;z-index:2;color:#6b7280}.project-delete-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fffffff2;border:1.5px solid #e5e5e5;border-radius:3px;cursor:pointer;opacity:0;transition:all .15s;z-index:2;color:#6b7280}.project-card-wrapper:hover .project-share-btn,.project-card-wrapper:hover .project-delete-btn{opacity:1}.project-share-btn:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.project-delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.shared-project-card{background:#fff}.shared-project-card .project-icon{background:#0a0a0a;color:#fff}.empty-projects{grid-column:1 / -1;text-align:center;padding:52px 40px;background:transparent;border-radius:4px;border:1.5px dashed #e5e5e5;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{color:#d1d5db;margin-bottom:4px;stroke-width:1.5}.empty-title{margin:0;font-size:15px;font-weight:600;color:#374151}.empty-subtitle{margin:0;font-size:13px;color:#9ca3af;max-width:280px;line-height:1.5}.empty-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:9px 18px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.empty-cta:hover{opacity:.82}.project-card{display:flex;flex-direction:column;gap:16px;padding:22px;background:#fff;border-radius:4px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease;border:1.5px solid #e5e5e5;box-shadow:none}.project-card:hover{border-color:#0a0a0a;box-shadow:0 4px 16px #0000000f}.project-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;color:#0a0a0a}.project-details h3{margin:0;font-size:15px;font-weight:600;color:#0a0a0a;letter-spacing:-.1px}.project-description{margin:4px 0 0;font-size:13px;color:#6b7280}.project-meta{margin-top:auto}.meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:#fff;padding:28px 32px 32px;border-radius:4px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.modal-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.modal-icon{width:40px;height:40px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#0a0a0a;flex-shrink:0}.modal-header h3{margin:0;font-size:17px;font-weight:700;color:#0a0a0a;letter-spacing:-.2px}.modal-subtitle{margin:2px 0 0;font-size:13px;color:#6b7280}.modal-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid #e5e5e5;border-radius:3px;cursor:pointer;color:#6b7280;transition:all .15s;flex-shrink:0}.modal-close:hover{background:#f5f5f5;border-color:#d1d5db;color:#0a0a0a}.input-field{width:100%;padding:12px 14px;border:1.5px solid #e5e5e5;border-radius:4px;font-size:15px;outline:none;margin-bottom:20px;color:#0a0a0a;background:#fff;transition:border-color .15s;box-sizing:border-box}.input-field:focus{border-color:#0a0a0a;box-shadow:none}.input-field::placeholder{color:#9ca3af}.btn-primary{padding:11px 22px;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;border:none;background:#0a0a0a;color:#fff;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{padding:11px 22px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;border:1.5px solid #e5e5e5;background:#fff;color:#6b7280;transition:border-color .15s}.btn-secondary:hover{border-color:#0a0a0a;color:#0a0a0a}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.project-layout{display:flex;width:100%;height:100%;background:#fafafa;overflow:hidden}.project-sidebar{display:flex;flex-direction:column;background:#fff;border-right:1.5px solid #e5e5e5;flex-shrink:0;transition:width .2s ease;overflow:hidden}.project-sidebar.sidebar-expanded{width:220px}.project-sidebar.sidebar-collapsed{width:52px}.sidebar-top{display:flex;flex-direction:column;gap:2px;padding:12px 8px 8px;border-bottom:1px solid #e5e5e5}.sidebar-back{display:flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:12.5px;font-weight:500;padding:5px 6px;border-radius:4px;transition:background .13s,color .13s;white-space:nowrap;overflow:hidden}.sidebar-back:hover{background:#f5f5f5;color:#0a0a0a}.sidebar-project-name{font-size:13px;font-weight:600;color:#0a0a0a;padding:6px 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 8px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;color:#6b7280;text-decoration:none;font-size:13.5px;font-weight:500;transition:all .13s;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:#f5f5f5;color:#0a0a0a}.sidebar-item.active{background:#f5f5f5;color:#0a0a0a;font-weight:600}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;border-top:1px solid #e5e5e5;padding:12px 14px;color:#9ca3af;font-size:12.5px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .13s,color .13s;white-space:nowrap;overflow:hidden}.sidebar-toggle:hover{background:#f5f5f5;color:#0a0a0a}.project-main{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;background:#fafafa}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:48px}.dashboard-card{background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;padding:22px}.dashboard-card h3{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:18px}.action-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;align-items:center;gap:14px;padding:12px;border:1.5px solid #e5e5e5;border-radius:4px;background:#fff;cursor:pointer;transition:border-color .15s;text-align:left;width:100%}.action-item:hover{border-color:#0a0a0a;background:#fafafa}.icon-box{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f5f5f5;color:#0a0a0a}.icon-box.blue,.icon-box.purple,.icon-box.green{background:#f5f5f5;color:#0a0a0a}.action-text{display:flex;flex-direction:column;gap:2px}.action-text .title{font-weight:600;color:#0a0a0a;font-size:14px}.action-text .desc{color:#6b7280;font-size:12px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;font-size:14px;color:#0a0a0a}.activity-icon{color:#9ca3af;margin-top:2px}.activity-content{display:flex;flex-direction:column;gap:4px}.activity-content .user{font-weight:500}.activity-content .entity{font-weight:500;color:#0a0a0a}.activity-content .time{font-size:12px;color:#9ca3af}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header-row h2{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin:0}.secondary-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0a0a0a;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.secondary-btn:hover{opacity:.82}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.board-card{background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;padding:20px;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:14px}.board-card:hover{border-color:#0a0a0a;box-shadow:0 4px 16px #0000000f;transform:none}.board-preview{height:88px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#d1d5db}.board-info h4{font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:4px;letter-spacing:-.1px}.board-meta{font-size:12px;color:#9ca3af;display:flex;gap:6px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;display:flex;flex-direction:column}.link-creation-modal{max-width:600px}.modal-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px}.close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#555}.form-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.form-select:focus{outline:none;border-color:#5b6ee1;box-shadow:0 0 0 2px #5b6ee11a}.static-field{padding:10px 12px;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;align-items:center;gap:10px}.element-title{font-weight:500;color:#333}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.secondary-btn{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#555;font-weight:500;cursor:pointer}.secondary-btn:hover{background-color:#f5f5f5}.primary-btn{padding:8px 16px;background:#5b6ee1;border:1px solid #5B6EE1;border-radius:4px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center}.primary-btn:hover{background-color:#4a5cd0}.primary-btn:disabled{background-color:#a0abf5;border-color:#a0abf5;cursor:not-allowed}.ml-2{margin-left:8px}.badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-type-requirement{background-color:#e8eaf6;color:#3f51b5}.badge-type-stakeholder{background-color:#e8f5e9;color:#2e7d32}.badge-type-decision{background-color:#fff3e0;color:#ef6c00}.badge-type-risk{background-color:#ffebee;color:#c62828}.badge-type-test-case{background-color:#f3e5f5;color:#7b1fa2}.badge-type-issue{background-color:#fff3e0;color:#e65100}.structured-table-container{padding:24px;height:100%;overflow:auto;background:var(--bg-primary)}[data-theme=dark] .structured-table-container{background:#1a1a1a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}[data-theme=dark] .table-header h2{color:#fff}.table-stats{display:flex;gap:16px}.stat{padding:6px 12px;background:#0000000a;border-radius:6px;font-size:13px;font-weight:500;color:#666}[data-theme=dark] .stat{background:#ffffff14;color:#a0a0a0}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}[data-theme=dark] .table-wrapper{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.structured-table{width:100%;border-collapse:collapse}.structured-table thead{background:#00000005;border-bottom:2px solid rgba(0,0,0,.08)}[data-theme=dark] .structured-table thead{background:#ffffff0a;border-bottom:2px solid rgba(255,255,255,.1)}.structured-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .structured-table th{color:#a0a0a0}.structured-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.structured-table th.sortable:hover{background:#0000000a}[data-theme=dark] .structured-table th.sortable:hover{background:#ffffff0f}.th-content{display:flex;align-items:center;gap:8px}.sort-indicator{color:#999;font-size:12px}.structured-table td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);color:#333;font-size:14px}[data-theme=dark] .structured-table td{border-bottom:1px solid rgba(255,255,255,.08);color:#e0e0e0}.table-row:hover{background:#00000005}[data-theme=dark] .table-row:hover{background:#ffffff0a}.cell-title{font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-priority.badge-critical{background:#e74c3c1a;color:#e74c3c}.badge-priority.badge-high{background:#e67e221a;color:#e67e22}.badge-priority.badge-medium{background:#f39c121a;color:#f39c12}.badge-priority.badge-low{background:#3498db1a;color:#3498db}.badge-status{display:inline-flex;align-items:center;gap:6px}.badge-status.badge-approved{background:#27ae601a;color:#27ae60}.badge-status.badge-rejected{background:#e74c3c1a;color:#e74c3c}.badge-status.badge-in-review{background:#3498db1a;color:#3498db}.badge-status.badge-draft{background:#95a5a61a;color:#95a5a6}.badge-status.badge-implemented,.badge-status.badge-verified{background:#9b59b61a;color:#9b59b6}.cell-assignee{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:#5b6ee1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase}.cell-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:3px 8px;background:#5b6ee11a;color:#5b6ee1;border-radius:4px;font-size:11px;font-weight:500}[data-theme=dark] .tag{background:#5b6ee133;color:#7b8eff}.cell-links{display:flex;align-items:center;gap:4px;color:#666}[data-theme=dark] .cell-links{color:#a0a0a0}.cell-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s}.action-btn:hover{background:#0000000f;color:#333}[data-theme=dark] .action-btn{color:#a0a0a0}[data-theme=dark] .action-btn:hover{background:#ffffff14;color:#fff}.action-btn-danger:hover{background:#e74c3c1a;color:#e74c3c}.text-muted{color:#999;font-style:italic}.empty-state{padding:48px 24px!important;text-align:center;color:#999;font-style:italic}.trace-graph-container{position:relative;height:100%;background:var(--bg-primary);overflow:hidden}[data-theme=dark] .trace-graph-container{background:#1a1a1a}.graph-header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.graph-header h2{font-size:24px;font-weight:600;color:#050038;margin:0;background:#fffffff2;padding:12px 20px;border-radius:10px;box-shadow:0 2px 12px #0000001a;pointer-events:auto}[data-theme=dark] .graph-header h2{color:#fff;background:#282828f2;box-shadow:0 2px 12px #0000004d}.graph-legend{display:flex;gap:16px;background:#fffffff2;padding:12px 20px;border-radius:10px;box-shadow:0 2px 12px #0000001a;pointer-events:auto}[data-theme=dark] .graph-legend{background:#282828f2;box-shadow:0 2px 12px #0000004d}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}[data-theme=dark] .legend-item{color:#a0a0a0}.legend-dot{width:12px;height:12px;border-radius:50%}.graph-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;z-index:10}.graph-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:8px;color:#050038;cursor:pointer;box-shadow:0 2px 12px #0000001a;transition:all .2s}.graph-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}[data-theme=dark] .graph-btn{background:#282828f2;color:#fff;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .graph-btn:hover{background:#3c3c3cf2}.trace-graph-svg{width:100%;height:100%;cursor:grab}.trace-graph-svg:active{cursor:grabbing}.trace-graph-svg .node circle{transition:r .2s}.trace-graph-svg .node circle.selected{stroke:#f39c12;stroke-width:4}.trace-graph-svg .link{transition:stroke-width .2s}.trace-graph-svg .link:hover{stroke-width:4!important;stroke-opacity:.9!important}.trace-graph-svg .link-label{font-size:10px;fill:#666;text-anchor:middle;pointer-events:none;opacity:0;transition:opacity .2s}[data-theme=dark] .trace-graph-svg .link-label{fill:#a0a0a0}.trace-graph-svg .link:hover+.link-label,.trace-graph-svg .link-label:hover{opacity:1}.trace-graph-svg .node text{-webkit-user-select:none;user-select:none}[data-theme=dark] .trace-graph-svg .node text:last-child{fill:#e0e0e0}.graph-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;z-index:5}.graph-empty p{margin:8px 0;font-size:14px}.graph-empty p:first-child{font-size:18px;font-weight:600;color:#666}[data-theme=dark] .graph-empty p:first-child{color:#a0a0a0}.approval-panel{padding:0;background:#f8fafc;height:100%;display:flex;flex-direction:column}.panel-header{padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.element-summary{margin-bottom:1rem}.element-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;background:#e2e8f0;color:#475569}.element-type-badge.requirement{background:#dbeafe;color:#1e40af}.element-type-badge.stakeholder{background:#fce7f3;color:#9d174d}.element-type-badge.decision{background:#fef3c7;color:#92400e}.element-type-badge.risk{background:#fee2e2;color:#b91c1c}.element-summary h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b;line-height:1.4}.panel-tabs{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:6px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#0f172a}.tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.panel-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.approval-status-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.status-label{font-size:.875rem;color:#64748b}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fff7ed;color:#c2410c}.status-badge.approved{background:#f0fdf4;color:#15803d}.status-badge.rejected{background:#fef2f2;color:#b91c1c}.status-badge.draft{background:#f1f5f9;color:#475569}.status-badge.in-review{background:#fff7ed;color:#c2410c}.approval-history,.version-history{flex:1;display:flex;flex-direction:column;gap:.75rem}.approval-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.approval-header h3{margin:0;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.history-item{display:flex;gap:.75rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #f1f5f9}.history-icon{margin-top:.125rem}.history-content{flex:1}.history-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.approver-name{font-weight:500;font-size:.875rem;color:#334155}.approval-date{font-size:.75rem;color:#94a3b8}.approval-comment{font-size:.875rem;color:#475569;margin:.25rem 0 0;line-height:1.4}.changes-list{margin:.5rem 0;display:flex;flex-direction:column;gap:.25rem}.change-item{font-size:.8125rem;display:flex;align-items:center;gap:.5rem;color:#475569}.change-field{font-weight:500;color:#334155}.change-old{color:#ef4444;text-decoration:line-through}.change-arrow{color:#94a3b8}.change-new{color:#10b981}.changed-by{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.approval-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:auto}.comment-input{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;resize:vertical;min-height:60px}.action-buttons{display:flex;gap:.5rem}.btn-approve,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:2rem}.no-selection p{margin-top:.5rem;font-size:.875rem}.empty-state{text-align:center;padding:2rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0}.structured-view-container{display:flex;flex-direction:row;height:100%;background-color:#fff;overflow:hidden}.structured-sidebar{width:240px;background-color:#f9fafb;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px 8px;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.sidebar-nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.sidebar-nav-item.active{background-color:#eef2ff;color:var(--primary-color)}.structured-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.view-toolbar{height:50px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:#fff;flex-shrink:0}.view-title{font-size:16px;font-weight:600;color:var(--text-primary)}.toolbar-right{display:flex;align-items:center;gap:12px}.view-mode-toggle{display:flex;background-color:var(--hover-bg);padding:2px;border-radius:6px}.toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;border:none;background:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:4px}.toggle-btn.active{background-color:#fff;color:var(--primary-color);box-shadow:0 1px 2px #0000000d}.panel-toggle-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px}.panel-toggle-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.structured-body{flex:1;display:flex;overflow:hidden}.structured-content{flex:1;overflow:auto;padding:0}.structured-panel{width:320px;border-left:1px solid var(--border-color);background-color:#fff;overflow-y:auto}.whiteboard-courts-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fafafa}.courts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#fff;border-bottom:1px solid #e5e5e5}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{margin:0;font-size:18px;font-weight:600;color:#0a0a0a;letter-spacing:-.2px}.company-count{font-size:13px;font-weight:500;color:#6b7280;background:#f5f5f5;padding:4px 10px;border-radius:4px}.project-title h1{margin:0 0 4px;font-size:16px;font-weight:500;color:#0a0a0a;letter-spacing:-.01em}.project-title p{margin:0;font-size:13px;color:#6b7280}.header-actions{display:flex;gap:12px}.workspace-tabs{display:flex;gap:0;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 48px}.tab-button{padding:14px 24px;border:none;background:transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#0a0a0a;background:#f5f5f5}.tab-button.active{color:#0a0a0a;border-bottom-color:#0a0a0a}.workspace-main{flex:1;padding:32px 40px}.organizations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.organizations-header h2{margin:0 0 2px;font-size:16px;font-weight:600;color:#0a0a0a}.organizations-header p{margin:0;font-size:14px;color:#6b7280}.btn-add-org{padding:8px 14px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.btn-add-org:hover{opacity:.82}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.org-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px;transition:all .2s ease;box-shadow:none}.org-card:hover{box-shadow:0 2px 8px #0000000f;border-color:#0a0a0a}.org-card-header{display:flex;align-items:flex-start;gap:12px}.org-icon{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:#0a0a0a}.org-info{flex:1;min-width:0;overflow:hidden}.org-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.org-card h3{margin:0;font-size:15px;font-weight:600;color:#0a0a0a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-card p{margin:0;font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{padding:2px 8px;background:#f5f5f5;color:#6b7280;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.org-delete-btn{width:32px;height:32px;border:none;background:transparent;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-delete-btn:hover:not(.disabled){background:#fff5f5;color:#c82333}.org-delete-btn.disabled{cursor:not-allowed;opacity:.3}.org-menu-btn{width:32px;height:32px;border:none;background:transparent;color:#6b7280;font-size:20px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.org-menu-btn:hover{background:#f5f5f5;color:#0a0a0a}.org-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid #e5e5e5;margin-top:12px}.org-stat{display:flex;align-items:center;gap:8px;font-size:13px}.org-stat svg{color:#6b7280;flex-shrink:0;width:14px;height:14px}.org-stat span{color:#6b7280;flex:1}.org-stat strong{color:#0a0a0a;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.org-card-footer{display:flex;gap:8px;margin-top:12px}.btn-outline-sm{flex:1;padding:8px 12px;background:#f5f5f5;border:none;border-radius:4px;font-size:13px;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .2s}.btn-outline-sm:hover{background:#efefef;color:#0a0a0a}.empty-state{text-align:center;padding:48px 24px;color:#6b7280;background:#fff;border-radius:4px;border:1px dashed #e5e5e5}.empty-state svg{color:#d1d5db;margin-bottom:12px}.empty-state p{margin:0 0 16px;font-size:14px;color:#6b7280}.btn-canvas-large{padding:18px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s}.btn-canvas-large:hover{background:#000}.btn-canvas-large>div{flex:1;text-align:left;display:flex;flex-direction:column;gap:4px}.btn-canvas-large strong{font-size:16px}.btn-canvas-large span{font-size:13px;opacity:.9}.companies-preview{margin-top:16px}.no-companies{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#999;text-align:center}.no-companies p{margin:0;color:#999}.companies-grid-preview{display:flex;flex-wrap:wrap;gap:12px}.company-chip{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-weight:500;transition:all .15s;position:relative}.company-chip:hover{border-color:#0a0a0a;background:#fafafa}.company-chip:hover .remove-company-btn{opacity:1}.remove-company-btn{margin-left:auto;width:24px;height:24px;border-radius:50%;border:none;background:#fee;color:#f44336;font-size:18px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-company-btn:hover{background:#f44336;color:#fff;transform:rotate(90deg)}.company-color{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 4px #0000001a}.company-chip .member-count{margin-left:8px;font-size:12px;color:#999;font-weight:400}.add-company-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px dashed #d1d5db;border-radius:4px;font-size:14px;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .15s}.add-company-chip:hover{background:#fafafa;border-color:#0a0a0a;border-style:solid}.workflow-steps{padding:0 40px 40px}.workflow-steps h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#24292e}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;transition:all .15s}.step:hover{border-color:#0a0a0a}.step-number{width:32px;height:32px;background:#24292e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px}.step strong{font-size:13px;font-weight:500;color:#24292e;letter-spacing:.02em}.courts-workspace{flex:1;overflow:auto;padding:32px;display:flex;flex-direction:column;gap:24px}.workspace-info{text-align:center;padding:16px;background:#fff;border-radius:4px;border:1px solid #e5e5e5}.workspace-info p{margin:0;color:#0a0a0a;font-weight:500}.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;width:100%}.court-space{aspect-ratio:1;border-radius:4px;overflow:hidden;transition:all .3s;background:#fff;border:2px solid #e5e5e5}.court-space.empty{cursor:pointer;border-style:dashed}.court-space.empty:hover{border-color:#0a0a0a;background:#fafafa;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.court-space.occupied{border-style:solid;border-width:3px}.empty-court{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999;font-weight:500}.empty-court svg{color:#ccc}.court-space.empty:hover .empty-court svg{color:#0a0a0a}.court-space.empty:hover .empty-court{color:#0a0a0a}.court-content{width:100%;height:100%;display:flex;flex-direction:column}.court-content .court-header{padding:16px;color:#fff;display:flex;align-items:center;gap:8px}.court-content .court-header h3{margin:0;font-size:16px;font-weight:600}.court-members{padding:12px 16px;border-bottom:1px solid #f0f0f0}.members-count{font-size:13px;color:#666}.court-content .recent-requirements{flex:1;padding:12px 16px;overflow:auto}.court-content .recent-requirements h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;color:#999;font-weight:600}.getting-started{background:#fff;border-radius:4px;padding:24px;border:1px solid #e5e5e5;max-width:600px;margin:0 auto}.getting-started h3{margin:0 0 16px;color:#333;font-size:18px}.getting-started ol{margin:0;padding-left:24px;line-height:1.8;color:#666}.getting-started li{margin-bottom:8px}.getting-started strong{color:#333}.courts-grid{flex:1;overflow:auto;padding:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;align-content:start}.court-card{background:#fff;border-radius:4px;border:1.5px solid #e5e5e5;overflow:hidden;transition:all .2s;cursor:pointer;box-shadow:none}.court-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.court-card.selected{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.court-header{padding:16px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.court-header h3{margin:0;font-size:18px;font-weight:600}.member-count{font-size:13px;opacity:.9}.court-body{padding:20px}.court-stats{display:flex;gap:16px;margin-bottom:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.recent-requirements h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.req-preview{padding:8px 12px;background:#f5f5f5;border-radius:4px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:13px}.req-id{font-family:monospace;font-weight:600;color:#6b7280}.req-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.req-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.status-pending-review{background:#fff3e0;color:#f57c00}.status-accepted{background:#e8f5e9;color:#2e7d32}.status-commented{background:#e3f2fd;color:#1976d2}.status-flagged{background:#ffebee;color:#c62828}.status-resolved{background:#e8f5e9;color:#388e3c}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#9ca3af;text-align:center;background:#fff;border-radius:4px;border:1.5px dashed #e5e5e5;margin:32px;max-width:600px;justify-self:center}.empty-state>svg{color:#d1d5db;margin-bottom:24px}.empty-state h2{margin:0 0 12px;color:#0a0a0a;font-size:24px;font-weight:600}.empty-state h3{margin:16px 0 8px;color:#6b7280}.empty-state>p{margin:0 0 32px;color:#6b7280;font-size:15px;line-height:1.5;max-width:500px}.empty-state .next-steps{margin-top:32px;padding-top:32px;border-top:1px solid #e0e0e0;width:100%}.empty-state .next-steps h3{color:#333;font-size:16px;margin-bottom:16px}.empty-state .next-steps ol{text-align:left;color:#666;line-height:1.8;padding-left:24px}.empty-state .next-steps li{margin-bottom:8px}.btn-primary,.btn-secondary{padding:12px 20px;border-radius:4px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#0a0a0a;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:4px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000001f;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 28px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#0a0a0a}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;font-size:28px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#6b7280}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.modal-body{padding:24px 28px 32px;overflow-y:auto;flex:1}.search-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border:1px solid transparent;border-radius:4px;margin-bottom:20px;transition:all .15s}.search-input-wrapper:focus-within{border-color:#0a0a0a;background:#fff;box-shadow:none}.search-input-wrapper svg{color:#6b7280;flex-shrink:0}.search-input-wrapper input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#0a0a0a}.search-input-wrapper input::placeholder{color:#9ca3af}.search-loading{text-align:center;padding:40px;color:#6b7280;font-weight:500}.no-results,.search-hint{text-align:center;padding:60px 20px;color:#6b7280}.no-results svg,.search-hint svg{color:#ddd;margin-bottom:16px}.no-results p,.search-hint p{margin:0;font-size:15px}.search-results{display:flex;flex-direction:column;gap:12px}.org-result-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .15s}.org-result-card:hover{border-color:#0a0a0a;background:#fafafa}.org-info{display:flex;align-items:center;gap:16px}.org-avatar{width:44px;height:44px;border-radius:4px;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.org-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.org-details span{font-size:13px;color:#999}.add-btn{padding:8px 20px;border-radius:4px;border:1.5px solid #0a0a0a;background:#fff;color:#0a0a0a;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.add-btn:hover{background:#0a0a0a;color:#fff}.configure-org-content{padding:0}.selected-org-info{display:flex;align-items:center;gap:16px;padding:20px;background:#0a0a0a;border-radius:4px;margin-bottom:28px}.org-avatar-large{width:56px;height:56px;border-radius:4px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.selected-org-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff}.selected-org-info p{margin:0;font-size:14px;color:#ffffffd9}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#0a0a0a}.form-label .required{color:#e74c3c;margin-left:2px}.form-input{width:100%;padding:12px 14px;border:1.5px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#0a0a0a;box-shadow:none}.form-hint{font-size:12px;color:#6b7280;margin:8px 0 0}.role-options{display:flex;flex-direction:column;gap:10px}.role-card{display:flex;align-items:flex-start;padding:16px;border:1.5px solid #e5e5e5;border-radius:4px;cursor:pointer;background:#fff;transition:all .2s;position:relative}.role-card:hover{border-color:#0a0a0a;background:#fafafa}.role-card.selected{border-color:#0a0a0a;background:#f5f5f5;box-shadow:none}.role-card input[type=radio]{margin-top:2px;margin-right:12px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#0a0a0a}.role-content{flex:1}.role-content strong{display:block;margin-bottom:4px;font-size:15px;color:#0a0a0a}.role-content span{font-size:13px;color:#6b7280;line-height:1.4}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e5e5e5;margin-top:8px}.btn-outline{padding:11px 24px;background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f5f5f5;border-color:#0a0a0a}.btn-primary{padding:11px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:none}.btn-primary:active{opacity:1}.requirements-graph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;position:relative;border-radius:12px;overflow:hidden}.requirements-graph canvas{cursor:pointer;width:100%;height:100%}.graph-legend{position:absolute;bottom:24px;left:24px;background:#fffffffa;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(255,255,255,.2)}.legend-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#1f2937;font-weight:500}.legend-node{width:20px;height:20px;border-radius:50%;border:2px solid #475569;flex-shrink:0}.legend-line{width:36px;height:3px;background:#60a5fa;position:relative;flex-shrink:0}.legend-line:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #60a5fa;border-top:4px solid transparent;border-bottom:4px solid transparent}.requirements-page{display:flex;flex-direction:column;height:100vh;background:#f8f9fa}.requirements-header{padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:12px;color:#111827}.header-title h1{margin:0;font-size:24px;font-weight:600}.create-req-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-req-btn:hover{background:#0060c0;transform:translateY(-1px)}.view-toggle{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.view-toggle button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.view-toggle button:hover{color:#374151;background:#ffffff80}.view-toggle button.active{background:#fff;color:#0071e3;box-shadow:0 1px 3px #0000001a}.requirements-content{display:flex;flex:1;overflow:hidden;position:relative}.requirements-table-container{flex:1;overflow:auto;padding:24px 32px}.requirements-graph-container{flex:1;overflow:hidden;padding:24px 32px;display:flex;align-items:center;justify-content:center}.requirements-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border-collapse:collapse}.requirements-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.requirements-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.requirements-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s}.requirements-table tbody tr:hover{background:#f9fafb}.requirements-table tbody tr.selected{background:#eff6ff}.requirements-table td{padding:16px;font-size:14px;color:#374151}.req-id-cell code{display:inline-block;padding:4px 8px;background:#f3f4f6;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:600;color:#0071e3}.req-title-cell{font-weight:500}.title-with-indent{display:flex;align-items:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-flagged{background:#fef3c7;color:#92400e}.links-cell{font-size:13px;color:#6b7280}.link-item{display:flex;align-items:center;gap:6px;margin-bottom:4px}.link-item:last-child{margin-bottom:0}.assigned-cell{font-size:13px;color:#6b7280}.responses-cell{font-size:13px}.responses-count{display:flex;align-items:center;gap:6px;color:#0071e3}.action-cell{text-align:center}.view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s}.view-btn:hover{background:#0071e3;color:#fff}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:500px;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;z-index:10}.detail-panel-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.detail-title{flex:1}.detail-req-id{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600;color:#0071e3;margin-bottom:8px}.detail-title h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-panel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s;flex-shrink:0;margin-left:16px}.close-panel-btn:hover{background:#e5e7eb;color:#111827}.detail-content{flex:1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-section p{margin:0;font-size:14px;line-height:1.6;color:#374151}.assigned-companies{display:flex;flex-wrap:wrap;gap:8px}.company-badge{display:inline-block;padding:6px 12px;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:13px;font-weight:500}.requirement-links{display:flex;flex-direction:column;gap:12px}.requirement-links .link-item{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px;color:#374151}.requirement-links .link-item code{padding:2px 6px;background:#e5e7eb;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#0071e3}.responses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.response-item{padding:12px;border-radius:8px;border-left:3px solid #e5e7eb;background:#f9fafb}.response-item.response-accept{border-left-color:#10b981;background:#f0fdf4}.response-item.response-flag{border-left-color:#f59e0b;background:#fffbeb}.response-item.response-comment{border-left-color:#0071e3;background:#eff6ff}.response-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.response-type{font-weight:600;text-transform:capitalize}.response-user{color:#6b7280}.response-date{margin-left:auto;color:#9ca3af;font-size:12px}.response-text{margin:0;font-size:14px;color:#374151;line-height:1.5}.add-response{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.response-type-selector{display:flex;gap:8px;margin-bottom:12px}.response-type-selector button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.response-type-selector button:hover{border-color:#0071e3;color:#0071e3}.response-type-selector button.active{background:#0071e3;border-color:#0071e3;color:#fff}.add-response textarea{width:100%;min-height:80px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:12px}.add-response textarea:focus{outline:none;border-color:#0071e3}.submit-response-btn{width:100%;padding:10px 20px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-response-btn:hover:not(:disabled){background:#0060c0}.submit-response-btn:disabled{opacity:.5;cursor:not-allowed}.decisions-page{display:flex;height:100vh;background:#f8f9fa}.decisions-sidebar{width:350px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.decisions-list{flex:1;overflow-y:auto;padding:12px}.decision-item{padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;margin-bottom:8px}.decision-item:hover{background:#e3f2fd}.decision-item.selected{background:#fff8e1;border-color:#ffa726}.decision-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.decision-id{font-family:monospace;font-weight:600;font-size:12px;color:#ff6f00}.decision-status{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.status-draft{background:#f0f0f0;color:#666}.status-final{background:#e8f5e9;color:#2e7d32}.status-archived{background:#eceff1;color:#546e7a}.decision-item-title{font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.decision-item-meta{font-size:12px;color:#999}.decision-detail{flex:1;overflow-y:auto;background:#fff}.decision-traceability{padding:32px;max-width:1000px;margin:0 auto}.decision-box{padding:20px;background:#fff8e1;border-left:4px solid #FFA726;border-radius:8px;font-size:16px;line-height:1.6}.decision-box p{margin:0;color:#333;font-weight:500}.traceability-web{display:flex;flex-direction:column;gap:20px}.requirement-trace-node{padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0;transition:all .2s}.requirement-trace-node:hover{border-color:#5b6ee1;box-shadow:0 4px 12px #5b6ee11a}.trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.contribution-type{font-size:11px;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase}.type-input{background:#e3f2fd;color:#1976d2}.type-validation{background:#e8f5e9;color:#2e7d32}.type-constraint{background:#fff3e0;color:#f57c00}.type-driver{background:#f3e5f5;color:#7b1fa2}.trace-title{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}.trace-description{font-size:14px;color:#666;margin-bottom:12px;line-height:1.5}.trace-responses{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.trace-responses strong{font-size:12px;color:#666;display:block;margin-bottom:8px}.mini-response{padding:8px 12px;border-radius:6px;margin-bottom:6px;font-size:13px}.response-accept{background:#f1f8f4;border-left:3px solid #4CAF50}.response-comment{background:#f0f4ff;border-left:3px solid #2196F3}.response-flag{background:#fff5f5;border-left:3px solid #f44336}.response-user{font-weight:600;margin-right:6px;color:#333}.response-text{color:#666}.approvers-list{display:flex;flex-wrap:wrap;gap:12px}.approver-chip{padding:10px 16px;background:#e8f5e9;border-radius:8px;display:flex;flex-direction:column;gap:4px}.approver-chip strong{font-size:14px;color:#2e7d32}.approver-chip span{font-size:12px;color:#666}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-header h3{display:flex;align-items:center;gap:8px;margin:0}.invitations-page{padding:48px;width:100%;min-height:100%;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;box-sizing:border-box}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.header-content{display:flex;align-items:center;gap:20px}.header-icon{width:56px;height:56px;background:#0a0a0a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.page-header h1{margin:0;font-size:28px;font-weight:600;color:#0a0a0a;letter-spacing:-.3px}.header-subtitle{margin:4px 0 0;color:#6b7280;font-size:15px;font-weight:400}.invitation-count{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0a0a0a;border-radius:4px}.count-number{font-size:18px;font-weight:600;color:#fff}.count-label{font-size:13px;color:#ffffffb3;font-weight:500}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:4px;border:1px solid #e5e5e5}.empty-icon{width:80px;height:80px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#6b7280}.empty-state h2{margin:0 0 12px;font-size:22px;font-weight:600;color:#0a0a0a}.empty-state p{font-size:15px;color:#6b7280;max-width:320px;margin:0 auto 28px;line-height:1.5}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.invitation-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px;transition:all .2s ease}.invitation-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#0a0a0a}.invitation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-info h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#0a0a0a}.org-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f5f5f5;border-radius:4px;font-size:13px;color:#0a0a0a;font-weight:500}.org-badge span{color:#6b7280}.invitation-role{padding:6px 12px;background:#0a0a0a;border-radius:4px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invitation-nickname{display:flex;align-items:center;gap:8px;margin:12px 0;padding:12px 16px;background:#f5f5f5;border-radius:4px;font-size:14px}.nickname-label{color:#6b7280}.nickname-value{color:#0a0a0a;font-weight:500}.invitation-meta{margin:16px 0;font-size:13px;color:#6b7280}.invitation-actions{display:flex;gap:10px;margin-top:20px}.btn-accept,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-accept{background:#0a0a0a;color:#fff}.btn-accept:hover{opacity:.82}.btn-accept:disabled{background:#e5e5e5;color:#9ca3af;cursor:not-allowed}.btn-reject{background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5}.btn-reject:hover{border-color:#0a0a0a;background:#fafafa}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s ease}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:4px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000001f}.modal-header{padding:24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{margin:0 0 8px;font-size:24px;color:#0a0a0a}.modal-header p{margin:0;color:#6b7280;font-size:14px}.modal-close{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f5f5f5;color:#0a0a0a}.modal-body{padding:24px;overflow-y:auto;flex:1}.selection-info{display:flex;align-items:center;gap:8px;padding:12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:20px;color:#0a0a0a;font-weight:600}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s}.member-item:hover{border-color:#0a0a0a;background:#fafafa}.member-item.selected{border-color:#0a0a0a;background:#f5f5f5}.member-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.member-avatar{width:40px;height:40px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.member-info{flex:1}.member-name{font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px}.you-badge{background:#0a0a0a;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.member-role{font-size:12px;color:#6b7280;text-transform:capitalize}.modal-footer{padding:20px 24px;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:#0a0a0a;color:#fff;border:none}.btn-primary:hover{opacity:.82}.btn-primary:disabled{background:#e5e5e5;color:#9ca3af;cursor:not-allowed;opacity:1}.btn-secondary{background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5}.btn-secondary:hover{background:#f5f5f5;border-color:#0a0a0a}.pm-page{width:100%;min-height:100%;background:#fafafa;box-sizing:border-box;display:flex;flex-direction:column}.pm-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 24px}.pm-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 4px;gap:12px}.pm-header-left{display:flex;align-items:baseline;gap:10px}.pm-header h1{font-size:20px;font-weight:600;color:#0a0a0a;letter-spacing:-.3px;margin:0}.pm-count-badge{font-size:12px;font-weight:500;color:#6b7280;background:#f0f0f0;border:1px solid #e5e5e5;border-radius:20px;padding:2px 10px}.pm-subtitle{font-size:13px;color:#9ca3af;padding:0 32px 4px;margin:0;line-height:1.5}.pm-btn-add{display:flex;align-items:center;gap:7px;background:#0a0a0a;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.pm-btn-add:hover{opacity:.82}.pm-toolbar{display:flex;align-items:center;gap:12px;padding:12px 32px 4px}.pm-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;padding:0 12px;width:300px;transition:border-color .15s}.pm-search-wrap:focus-within{border-color:#0a0a0a}.pm-search-wrap svg{color:#9ca3af;flex-shrink:0}.pm-search-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#0a0a0a;padding:8px 0}.pm-search-wrap input::placeholder{color:#9ca3af}.pm-search-clear{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center;border-radius:4px;transition:color .13s}.pm-search-clear:hover{color:#0a0a0a}.pm-filter-hint{font-size:12.5px;color:#9ca3af}.pm-body{flex:1;display:flex;margin-top:12px}.pm-table-wrap{flex:1;min-width:0;overflow-x:auto;display:flex;flex-direction:column}.pm-table{width:100%;border-collapse:collapse;font-size:13.5px}.pm-table thead tr{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f5f5f5}.pm-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.pm-table th:first-child{padding-left:32px}.pm-table th:last-child{width:44px;padding-right:20px}.pm-row{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .12s;background:#fff}.pm-row:hover{background:#fafafa}.pm-row.selected{background:#f5f5f5}.pm-table td{padding:13px 16px;color:#0a0a0a;vertical-align:middle}.pm-table td:first-child{padding-left:32px}.pm-table td:last-child{padding-right:20px}.pm-cell-muted{color:#6b7280;font-size:13px}.pm-date{white-space:nowrap}.pm-name-cell{display:flex;align-items:center;gap:10px}.pm-avatar{width:32px;height:32px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.pm-display-name{font-weight:500;display:flex;align-items:center;gap:7px}.pm-you-tag{font-size:10.5px;font-weight:500;background:#f0f0f0;border:1px solid #e5e5e5;color:#6b7280;padding:1px 7px;border-radius:20px}.pm-pending-tag{font-size:10.5px;font-weight:500;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;padding:1px 7px;border-radius:20px}.pm-avatar-pending{background:#d1d5db!important;color:#6b7280!important}.pm-org-chip{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;padding:3px 9px;font-size:12px;color:#0a0a0a}.pm-role-badge{display:inline-block;font-size:11.5px;font-weight:500;border-radius:4px;padding:3px 9px;border:1px solid #e5e5e5}.pm-role-owner,.pm-role-manager{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.pm-role-admin{background:#f5f5f5;color:#0a0a0a;border-color:#d1d5db}.pm-role-edit,.pm-role-editor{background:#f5f5f5;color:#0a0a0a;border-color:#e5e5e5}.pm-role-view,.pm-role-viewer,.pm-role-member{background:#fff;color:#6b7280;border-color:#e5e5e5}.pm-role-account-administrator,.pm-role-executive,.pm-role-project-administrator{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.pm-role-project-manager,.pm-role-bim-manager,.pm-role-document-controller{background:#f5f5f5;color:#0a0a0a;border-color:#d1d5db}.pm-role-field-administrator{background:#f5f5f5;color:#0a0a0a;border-color:#e5e5e5}.pm-role-field-user,.pm-role-coordinator{background:#fff;color:#6b7280;border-color:#e5e5e5}.pm-role-guest{background:#fff;color:#9ca3af;border-color:#f0f0f0}.pm-actions-cell{text-align:right;position:relative}.pm-menu-wrap{position:relative;display:inline-block}.pm-menu-btn{background:none;border:1.5px solid transparent;border-radius:4px;cursor:pointer;color:#9ca3af;padding:4px 5px;display:flex;align-items:center;transition:all .12s}.pm-menu-btn:hover{background:#f0f0f0;border-color:#e5e5e5;color:#0a0a0a}.pm-menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 16px #00000014;z-index:100;min-width:140px;padding:4px}.pm-menu-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:4px;padding:8px 10px;font-size:13px;cursor:pointer;text-align:left;color:#6b7280;transition:background .12s,color .12s}.pm-menu-item:hover{background:#f5f5f5;color:#0a0a0a}.pm-menu-item.danger{color:#dc2626}.pm-menu-item.danger:hover{background:#fef2f2}.pm-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:#9ca3af;background:#fff;border-top:1px solid #e5e5e5}.pm-empty p{font-size:14px;color:#6b7280;margin:0;text-align:center}.pm-table-footer{padding:10px 32px;font-size:12.5px;color:#9ca3af;border-top:1px solid #e5e5e5;background:#fff}.pm-detail-panel{width:300px;min-width:300px;background:#fff;border-left:1.5px solid #e5e5e5;display:flex;flex-direction:column;overflow-y:auto}.pm-panel-header{display:flex;justify-content:flex-end;padding:14px 14px 0}.pm-panel-close{background:none;border:1.5px solid #e5e5e5;border-radius:4px;cursor:pointer;color:#6b7280;padding:5px;display:flex;align-items:center;transition:all .13s}.pm-panel-close:hover{border-color:#0a0a0a;color:#0a0a0a;background:#fafafa}.pm-panel-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px 14px;border-bottom:1px solid #e5e5e5}.pm-panel-avatar{width:56px;height:56px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.pm-panel-avatar-wrap h3{font-size:15px;font-weight:600;color:#0a0a0a;margin:0;text-align:center}.pm-panel-rows{display:flex;flex-direction:column}.pm-panel-edit-grid{display:flex;flex-direction:column;gap:12px;padding:14px 20px}.pm-panel-row{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid #f5f5f5;gap:12px}.pm-panel-label{font-size:11.5px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.pm-panel-value{font-size:13px;color:#0a0a0a;text-align:right;word-break:break-word}.pm-panel-actions{padding:14px 20px;margin-top:auto;border-top:1px solid #e5e5e5}.pm-panel-edit-actions{display:flex;gap:10px;margin-bottom:10px}.pm-panel-edit-actions .pm-btn-cancel,.pm-panel-edit-actions .pm-btn-confirm{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pm-btn-edit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px}.pm-panel-error{margin:0 20px 12px}.pm-btn-remove{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#dc2626;border:1.5px solid #fca5a5;border-radius:4px;padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .13s,border-color .13s}.pm-btn-remove:hover{background:#fef2f2;border-color:#dc2626}.pm-btn-remove:disabled{opacity:.5;cursor:not-allowed}.pm-add-panel{width:320px;min-width:320px;background:#fff;border-left:1.5px solid #e5e5e5;display:flex;flex-direction:column;overflow-y:auto;align-self:stretch;animation:pm-slide-in .18s ease}@keyframes pm-slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.pm-add-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0 20px}.pm-add-panel-header h2{font-size:15px;font-weight:600;color:#0a0a0a;margin:0}.pm-add-avatar-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 20px 16px;border-bottom:1px solid #e5e5e5}.pm-add-avatar-circle{width:56px;height:56px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.pm-add-avatar-hint{font-size:12px;color:#9ca3af;margin:0}.pm-add-form{display:flex;flex-direction:column;gap:14px;padding:18px 20px;flex:1}.pm-form-field{display:flex;flex-direction:column;gap:6px}.pm-form-field label{font-size:12px;font-weight:600;color:#0a0a0a;letter-spacing:.2px}.pm-required{color:#dc2626}.pm-form-field input{width:100%;box-sizing:border-box;border:1.5px solid #e5e5e5;border-radius:4px;padding:9px 12px;font-size:13.5px;color:#0a0a0a;outline:none;transition:border-color .15s}.pm-form-field input:focus{border-color:#0a0a0a}.pm-form-field input::placeholder{color:#9ca3af}.pm-select-wrap{position:relative;display:flex;align-items:center}.pm-select-wrap select{appearance:none;width:100%;border:1.5px solid #e5e5e5;border-radius:4px;padding:9px 34px 9px 12px;font-size:13.5px;color:#0a0a0a;background:#fff;outline:none;cursor:pointer;transition:border-color .15s}.pm-select-wrap select:focus{border-color:#0a0a0a}.pm-select-wrap svg{position:absolute;right:10px;pointer-events:none;color:#9ca3af}.pm-field-hint{font-size:11.5px;color:#9ca3af;margin:0;line-height:1.45}.pm-company-wrap{position:relative}.pm-company-input-row{display:flex;gap:8px}.pm-company-input-row input{flex:1}.pm-company-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 16px #00000014;z-index:200;max-height:200px;overflow-y:auto;padding:4px}.pm-company-option{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:4px;padding:8px 10px;font-size:13px;color:#0a0a0a;cursor:pointer;text-align:left;transition:background .1s}.pm-company-option:hover,.pm-company-option.selected{background:#f5f5f5}.pm-company-add-new{color:#0a0a0a;font-weight:500;border-top:1px solid #f0f0f0;margin-top:2px;padding-top:9px}.pm-company-add-icon{width:18px;height:18px;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1}.pm-company-empty{font-size:12.5px;color:#9ca3af;padding:8px 10px;margin:0}.pm-add-panel-footer{display:flex;flex-direction:column;gap:8px;padding:14px 20px;border-top:1px solid #e5e5e5;margin-top:auto}.pm-add-error{font-size:12.5px;color:#dc2626;margin:0;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;padding:7px 10px;line-height:1.4}.pm-add-panel-footer-btns{display:flex;justify-content:flex-end;gap:10px}.pm-btn-cancel{background:#fff;border:1.5px solid #e5e5e5;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:border-color .13s,color .13s}.pm-btn-cancel:hover{border-color:#0a0a0a;color:#0a0a0a}.pm-btn-confirm{background:#0a0a0a;color:#fff;border:none;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .13s}.pm-btn-confirm:hover{opacity:.82}.pm-btn-confirm:disabled{opacity:.4;cursor:not-allowed}.org-chart-container{max-width:1400px;margin:0 auto;padding:60px;background-color:#fff;min-height:calc(100vh - 64px)}.org-chart-header{display:flex;align-items:center;gap:16px;margin-bottom:80px}.back-button{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#6b7280;box-shadow:0 1px 2px #0000000d}.back-button:hover{background:#fff;border-color:#d1d5db;color:#111827;transform:translate(-2px);box-shadow:0 4px 6px -1px #0000001a}.org-chart-header h1{font-size:24px;font-weight:700;color:#111827;margin:0;letter-spacing:-.025em}.org-chart-header p{font-size:14px;color:#6b7280;margin:4px 0 0}.org-chart-loading,.org-chart-error{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#fff}.org-chart-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px}.chart-level{display:flex;justify-content:center;gap:32px;width:100%;position:relative}.level-owner{margin-bottom:0;z-index:10}.level-orgs{flex-wrap:wrap;gap:64px;margin-top:0;align-items:flex-start;position:relative;padding-top:20px}.level-orgs:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:20px;background:#e5e7eb}.chart-node{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;position:relative}.chart-node:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014;border-color:#000}.owner-node{width:400px;border-top:4px solid #000000}.org-node{width:340px;max-width:100%;border-top:4px solid #000000}.node-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;background:#fff;border-bottom:1px solid #f3f4f6}.node-icon-wrapper{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #f3f4f6}.node-title-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.node-title{font-size:16px;font-weight:700;color:#111827;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-subtitle{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.node-body{padding:20px 24px 24px;display:flex;flex-direction:column;background:#fff}.node-body p{font-size:14px;color:#4b5563;margin:0 0 12px}.role-badge-container{display:flex;margin-top:4px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.05em}.chart-connector{width:2px;height:60px;background:#e5e7eb;position:relative;margin-bottom:-1px}.connector-line,.branch-connector,.connector-line-vertical,.level-orgs:before,.members-connector,.connector-line-down{background:#e5e7eb}.org-branch{display:flex;flex-direction:column;align-items:center;position:relative;min-width:320px}.connector-line{width:2px;height:100%;margin:0 auto}.branch-connector{width:2px;height:40px;position:relative}.members-connector{height:24px;width:2px;margin:0 auto}.connector-line-down{width:2px;height:100%}.org-members{display:flex;flex-direction:column;gap:12px;padding:0;background:transparent;border:none;width:100%}.member-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;border:1px solid #f3f4f6;transition:all .2s ease;width:100%;box-shadow:none}.member-card:hover{border-color:#000;transform:translate(4px);box-shadow:0 4px 6px -1px #0000000d}.member-avatar{width:40px;height:40px;border-radius:8px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0;border:none}.member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.member-info h4{font-size:14px;font-weight:600;color:#334155;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-info p{font-size:12px;color:#94a3b8;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-stats{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:12px;font-weight:500;margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6}@media(max-width:768px){.org-chart-container{padding:16px}.level-orgs{flex-direction:column;align-items:center;gap:40px}.chart-connector{height:40px}}*{box-sizing:border-box}.ob-root{display:flex;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.ob-left{width:420px;min-width:380px;background:#0a0a0a;display:flex;flex-direction:column;justify-content:space-between;padding:56px 48px;position:sticky;top:0;height:100vh;flex-shrink:0}.ob-left-brand{display:flex;align-items:center;gap:14px}.ob-left-brand img{width:40px;height:40px;border-radius:10px;object-fit:cover}.ob-brand-name{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.4px}.ob-left-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.ob-left-headline{font-size:36px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.8px;margin:0 0 20px}.ob-left-headline span{color:#a3a3a3}.ob-left-desc{font-size:15px;color:#6b7280;line-height:1.7;margin:0}.ob-left-features{display:flex;flex-direction:column;gap:20px;margin-top:40px}.ob-feature{display:flex;align-items:flex-start;gap:14px}.ob-feature-dot{width:6px;height:6px;border-radius:50%;background:#4b4b4b;margin-top:7px;flex-shrink:0}.ob-feature-text{font-size:14px;color:#6b7280;line-height:1.5}.ob-left-footer{font-size:12px;color:#3a3a3a}.ob-right{flex:1;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;overflow-y:auto}.ob-step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:48px;align-self:flex-start}.ob-step-pill{height:4px;width:32px;border-radius:2px;background:#e5e5e5;transition:background .3s ease}.ob-step-pill.active{background:#000;width:48px}.ob-form-wrapper{width:100%;max-width:520px}.ob-heading{font-size:28px;font-weight:700;color:#0a0a0a;letter-spacing:-.5px;margin:0 0 8px}.ob-subheading{font-size:15px;color:#6b7280;margin:0 0 40px;line-height:1.5}.ob-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.ob-choice-card{background:#fff;border:1.5px solid #e5e5e5;border-radius:12px;padding:28px 24px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:12px}.ob-choice-card:hover{border-color:#0a0a0a;box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.ob-choice-card.selected{border-color:#000;background:#000}.ob-choice-card.selected .ob-choice-title{color:#fff}.ob-choice-card.selected .ob-choice-desc{color:#9ca3af}.ob-choice-card.selected .ob-choice-icon{background:#ffffff1a;color:#fff}.ob-choice-icon{width:44px;height:44px;border-radius:10px;background:#f5f5f5;color:#0a0a0a;display:flex;align-items:center;justify-content:center}.ob-choice-title{font-size:16px;font-weight:600;color:#0a0a0a;margin:0;line-height:1.2}.ob-choice-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.ob-field{margin-bottom:24px}.ob-label{display:block;font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:8px;letter-spacing:.01em;text-transform:uppercase}.ob-label span{color:#dc2626;margin-left:2px}.ob-input,.ob-select,.ob-textarea{width:100%;padding:13px 16px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:15px;color:#0a0a0a;background:#fff;outline:none;transition:border-color .2s ease;font-family:inherit}.ob-input::placeholder,.ob-textarea::placeholder{color:silver}.ob-input:focus,.ob-select:focus,.ob-textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000000f}.ob-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.ob-textarea{resize:vertical;min-height:90px;line-height:1.5}.ob-input-hint{font-size:12px;color:#9ca3af;margin-top:6px}.ob-lookup-group{display:flex;gap:10px}.ob-lookup-group .ob-input{flex:1}.ob-lookup-btn{padding:13px 20px;background:#000;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;font-family:inherit}.ob-lookup-btn:hover{background:#1a1a1a}.ob-lookup-btn:disabled{background:#9ca3af;cursor:not-allowed}.ob-org-preview{margin-top:16px;background:#fff;border:1.5px solid #e5e5e5;border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:16px}.ob-org-preview-icon{width:44px;height:44px;border-radius:10px;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.ob-org-preview-info h4{font-size:16px;font-weight:600;color:#0a0a0a;margin:0 0 4px}.ob-org-preview-info p{font-size:13px;color:#6b7280;margin:0}.ob-org-preview-badge{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:500;color:#6b7280}.ob-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:24px}.ob-actions{display:flex;align-items:center;gap:12px;margin-top:36px}.ob-btn-primary{flex:1;padding:15px 24px;background:#000;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.ob-btn-primary:hover{background:#1a1a1a}.ob-btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.ob-btn-back{padding:15px 20px;background:transparent;color:#6b7280;border:1.5px solid #e5e5e5;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-family:inherit}.ob-btn-back:hover{border-color:#9ca3af;color:#374151}.ob-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ob-spin .7s linear infinite}@keyframes ob-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.ob-left{display:none}.ob-right{padding:80px 24px 40px;justify-content:flex-start}.ob-choice-grid{grid-template-columns:1fr}}.landing-root{min-height:100vh;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:#0a0a0a;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid #e5e5e5;background:#fafafa;position:sticky;top:0;z-index:100}.landing-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.landing-nav-logo img{width:32px;height:32px;border-radius:8px}.landing-nav-wordmark{font-size:18px;font-weight:600;color:#0a0a0a;letter-spacing:-.3px}.landing-nav-actions{display:flex;align-items:center;gap:8px}.landing-btn-ghost{padding:8px 18px;background:transparent;color:#0a0a0a;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;align-items:center}.landing-btn-ghost:hover{background:#f0f0f0;border-color:#d0d0d0}.landing-btn-primary{padding:8px 18px;background:#0a0a0a;color:#fff;border:1px solid #0a0a0a;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s;display:inline-flex;align-items:center}.landing-btn-primary:hover{opacity:.85}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 24px 80px}.landing-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:100px;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:32px}.landing-badge-dot{width:6px;height:6px;border-radius:50%;background:#0a0a0a}.landing-headline{font-size:clamp(40px,6vw,72px);font-weight:700;color:#0a0a0a;letter-spacing:-2px;line-height:1.05;max-width:760px;margin:0 0 24px}.landing-headline em{font-style:normal;color:#6b7280}.landing-subtext{font-size:18px;color:#6b7280;line-height:1.6;max-width:520px;margin:0 0 48px}.landing-cta-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.landing-cta-primary{padding:14px 28px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s;display:inline-flex;align-items:center;gap:8px}.landing-cta-primary:hover{opacity:.82}.landing-cta-secondary{padding:14px 28px;background:transparent;color:#0a0a0a;border:1px solid #e5e5e5;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;align-items:center}.landing-cta-secondary:hover{background:#f0f0f0;border-color:#d0d0d0}.landing-features{padding:0 48px 96px;max-width:1080px;margin:0 auto;width:100%;box-sizing:border-box}.landing-features-label{text-align:center;font-size:13px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:40px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5e5e5;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.landing-feature-card{background:#fff;padding:32px 28px}.landing-feature-icon{width:36px;height:36px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#0a0a0a}.landing-feature-title{font-size:15px;font-weight:600;color:#0a0a0a;margin:0 0 8px}.landing-feature-desc{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.landing-footer{border-top:1px solid #e5e5e5;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.landing-footer-copy{font-size:13px;color:#9ca3af}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{font-size:13px;color:#9ca3af;text-decoration:none;transition:color .15s}.landing-footer-links a:hover{color:#0a0a0a}@media(max-width:768px){.landing-nav{padding:16px 20px}.landing-features{padding:0 20px 64px}.landing-features-grid{grid-template-columns:1fr}.landing-footer{flex-direction:column;gap:12px;text-align:center;padding:20px}}.auth-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;padding:24px}.auth-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:48px 44px;width:100%;max-width:400px;box-sizing:border-box}.auth-header{text-align:center;margin-bottom:36px}.auth-logo{width:48px;height:48px;border-radius:10px;display:block;margin:0 auto 20px;border:1px solid #e5e5e5}.auth-title{font-size:24px;font-weight:600;color:#0a0a0a;margin:0 0 6px;letter-spacing:-.4px}.auth-subtitle{font-size:14px;color:#6b7280;margin:0}.auth-error{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #e5e5e5;color:#0a0a0a;padding:10px 12px;border-radius:6px;margin-bottom:20px;font-size:13px;line-height:1.4}.auth-field{margin-bottom:18px}.auth-field:last-of-type{margin-bottom:28px}.auth-label{display:block;font-size:13px;font-weight:500;color:#0a0a0a;margin-bottom:8px}.auth-input{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;color:#0a0a0a;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}.auth-input::placeholder{color:#9ca3af}.auth-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a0f}.auth-submit{width:100%;padding:11px 16px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s;font-family:inherit}.auth-submit:hover:not(:disabled){opacity:.82}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;font-size:13px;color:#6b7280}.auth-footer a{color:#0a0a0a;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;text-decoration:none;margin-bottom:28px;transition:color .15s}.auth-back:hover{color:#0a0a0a}