:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light-theme{--bg-color: #ffffff;--text-color: #000000;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--card-bg: rgba(255, 255, 255, .95);--placeholder-bg: #f0f0f0;--placeholder-text: #999999;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}.dark-theme{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #333333;--card-bg: rgba(40, 40, 40, .95);--placeholder-bg: #2a2a2a;--placeholder-text: #666666;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}input,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.app.light-theme,.app.dark-theme{background:var(--bg-color)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{background:var(--bg-color);border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:400px;padding:2rem;border:1px solid var(--border-color)}.login-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.login-modal-header h2{color:var(--text-color);margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;cursor:pointer;color:var(--text-color);padding:.5rem;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background-color:var(--border-color)}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-color);font-weight:500;font-size:.9rem}.form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#2563eb}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;border:1px solid #fecaca;font-size:.9rem;margin-bottom:.5rem}.dark-theme .error-message{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.auth-divider{display:flex;align-items:center;margin:1rem 0;color:var(--text-secondary);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 1rem}.google-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:white;color:#333;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.google-button:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 4px #0000001a}.google-button:disabled{opacity:.6;cursor:not-allowed}.dark-theme .google-button{background:var(--bg-color);color:var(--text-color);border-color:var(--border-color)}.dark-theme .google-button:hover:not(:disabled){background:rgba(255,255,255,.05)}.auth-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.toggle-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline;transition:color .2s ease}.toggle-button:hover:not(:disabled){color:#2563eb}.toggle-button:disabled{opacity:.6;cursor:not-allowed}.navigation{position:fixed;top:0;left:0;right:0;background:var(--bg-color);z-index:1000;padding:.96rem 0;transition:background-color .3s ease}.nav-container{display:flex;justify-content:flex-start;align-items:center;padding:0 3.2rem;position:relative}.nav-brand{display:flex;align-items:center;margin-left:0;position:relative}.nav-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-left:auto}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:.34rem;background:none;border:none;cursor:pointer;color:var(--text-color);border-radius:50%;transition:background-color .2s ease,transform .2s ease;transform:scale(.85)}.theme-toggle:hover{background-color:var(--border-color);transform:scale(1.1)}.theme-toggle svg{transition:transform .2s ease}.keyhole-button-container{position:relative;display:flex;align-items:center;justify-content:center}.keyhole-button{display:flex;align-items:center;justify-content:center;padding:.17rem;background:none;border:none;cursor:pointer;color:var(--text-color);border-radius:4px;transition:background-color .2s ease,transform .2s ease;transform:scale(.85)}.keyhole-button:hover{background-color:var(--border-color);transform:scale(.935)}.keyhole-button svg{transition:transform .2s ease}.keyhole-button svg circle{transition:fill .2s ease,filter .2s ease}.keyhole-button:hover svg circle{fill:#3b82f6;filter:drop-shadow(0 0 8px #3b82f6)}.login-icon-rect{fill:#000;transition:fill .2s ease}.login-icon-circle{fill:#fff;transition:fill .2s ease}.dark-theme .login-icon-rect{fill:#fff}.dark-theme .login-icon-circle{fill:#000}.keyhole-button:hover .login-icon-rect{fill:#3b82f6}.keyhole-button:hover .login-icon-circle{fill:#fff}.keyhole-tooltip{position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:var(--text-color);color:var(--bg-color);padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000}.keyhole-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--text-color)}.keyhole-button-container:hover .keyhole-tooltip{opacity:1;visibility:visible}.brand-text{font-weight:600;color:var(--text-color);transition:color .3s ease;cursor:pointer;font-size:1.1em}.brand-text:hover{opacity:.8}.nav-menu{display:flex;gap:2rem;margin-left:2rem}.nav-item{position:relative;cursor:pointer}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.85em;transition:font-weight .3s ease,color .3s ease}.nav-link:hover{font-weight:700}.dropdown{position:absolute;top:100%;left:-.8rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:6.4px;padding:.4rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease}.dark-theme .dropdown{background:rgba(26,26,26,.95);border:1px solid rgba(255,255,255,.1)}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;padding:.51rem .68rem}.dropdown-item:hover .dropdown-name{color:var(--text-color)}.dropdown-name{color:var(--text-secondary);font-weight:500;font-size:.85em;transition:color .3s ease}@media (max-width: 768px){.nav-container{padding:0 .8rem}.nav-right,.nav-menu{gap:.8rem}.brand-text,.nav-link{font-size:.612rem}.dropdown{min-width:120px}.theme-toggle{padding:.2rem;transform:scale(.8)}.theme-toggle svg{width:16px;height:16px}.user-dropdown{min-width:180px;top:2.5rem;right:0}.user-dropdown-item{padding:.6rem .75rem;font-size:.8rem}.user-dropdown-item svg{width:14px;height:14px}}.user-dropdown{position:absolute;top:3rem;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;min-width:200px;animation:fadeInUp .2s ease}.user-dropdown-header{padding:.75rem 1rem .5rem;border-bottom:1px solid var(--border-color)}.user-email{font-size:.75rem;color:var(--text-secondary);font-weight:500}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;color:var(--text-color)}.user-dropdown-item:hover{background-color:var(--border-color)}.user-dropdown-item.logout{color:#dc2626}.user-dropdown-item.logout:hover{background-color:#dc26261a}.user-dropdown-item svg{width:16px;height:16px;stroke:currentColor}.user-dropdown-divider{height:1px;background:var(--border-color);margin:.25rem 0}.hero-tooltip{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .3s ease;display:flex;z-index:1000;pointer-events:auto}.tooltip-content{padding:1.5rem 1.65rem 1.5rem 1.35rem;max-height:400px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.hero-tooltip.has-scroll .tooltip-content{padding-right:2.2rem}.tooltip-content::-webkit-scrollbar{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.tooltip-word{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0;font-family:Georgia,serif}.tooltip-pronunciation{font-size:.9rem;font-style:italic;color:var(--text-secondary);font-family:Georgia,serif}.tooltip-part-of-speech{font-size:.8rem;font-style:italic;color:var(--text-secondary);text-transform:lowercase;margin-bottom:1rem}.tooltip-definitions{margin-bottom:1.2rem}.tooltip-definition{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.8rem;line-height:1.5}.definition-number{font-weight:600;color:var(--text-secondary);font-size:.8rem;flex-shrink:0;margin-top:.1rem}.definition-text{font-size:.85rem;color:var(--text-color);line-height:1.6}.definition-link{font-size:.85rem;color:#2563eb;line-height:1.6;text-decoration:none;cursor:pointer;transition:color .2s ease}.definition-link:hover{color:#1d4ed8;text-decoration:underline}.tooltip-custom-content{margin-top:1rem}.custom-description{font-size:.85rem;color:var(--text-color);line-height:1.6;margin-bottom:1.2rem}.custom-heading{font-size:.9rem;font-weight:600;color:var(--text-color);margin:1.2rem 0 .8rem;line-height:1.4}.edge-defining-highlight{font-weight:700;color:#2563eb}.dark-theme .edge-defining-highlight{color:#60a5fa}.custom-details{font-size:.85rem;color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.custom-cta{display:inline-block;font-size:.85rem;color:#2563eb;text-decoration:underline;cursor:pointer;transition:color .2s ease;margin-top:.5rem}.custom-cta:hover{color:#1d4ed8;text-decoration:underline}.dark-theme .custom-cta{color:#60a5fa}.dark-theme .custom-cta:hover{color:#93c5fd}.dark-theme .definition-link{color:#60a5fa}.dark-theme .definition-link:hover{color:#93c5fd}.tooltip-etymology{padding-top:.8rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary);line-height:1.4}.etymology-label{font-weight:600;margin-right:.5rem}.definition-highlight{color:#2563eb;font-weight:600}.dark-theme .definition-highlight{color:#60a5fa}.definition-highlight-link{color:#2563eb;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease}.definition-highlight-link:hover{color:#1d4ed8;text-decoration:underline}.dark-theme .definition-highlight-link{color:#60a5fa}.dark-theme .definition-highlight-link:hover{color:#93c5fd}.tooltip-additional-content{margin:1rem 0 .5rem;font-size:.85rem;line-height:1.6}.additional-text{color:var(--text-color)}.additional-highlight-link{color:#2563eb;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease}.additional-highlight-link:hover{color:#1d4ed8;text-decoration:underline}.dark-theme .additional-highlight-link{color:#60a5fa}.dark-theme .additional-highlight-link:hover{color:#93c5fd}.tooltip-aoa-content{margin:1rem 0 .5rem;font-size:.85rem;line-height:1.6}.aoa-description{color:var(--text-color);margin-bottom:.8rem}.aoa-categories{margin-left:1rem}.aoa-category{display:flex;align-items:flex-start;margin-bottom:.4rem}.aoa-number{font-weight:600;color:var(--text-secondary);font-size:.8rem;flex-shrink:0;margin-right:.5rem;margin-top:.1rem}.aoa-text{color:var(--text-color);font-size:.85rem;line-height:1.6}.tooltip-playbook-link{margin:1rem 0 .5rem}.playbook-link{color:#2563eb;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease;font-size:.85rem;line-height:1.6}.playbook-link:hover{color:#1d4ed8;text-decoration:underline}.dark-theme .playbook-link{color:#60a5fa}.dark-theme .playbook-link:hover{color:#93c5fd}.etymology-text{font-style:italic}.scroll-indicators{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}.scroll-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-secondary);opacity:.4;transition:all .2s ease}.scroll-dot.active{opacity:1;transform:scale(1.4);background-color:var(--text-color)}@media (max-width: 768px){.tooltip-content{padding:1rem 1.1rem 1rem .9rem;max-height:300px}.hero-tooltip.has-scroll .tooltip-content{padding-right:1.65rem}.tooltip-word{font-size:1.2rem}.tooltip-pronunciation,.definition-text{font-size:.8rem}.scroll-indicators{right:6px}.scroll-dot{width:5px;height:5px}}.tooltip-navigation{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center}.nav-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{background-color:var(--border-color);color:var(--text-color)}.nav-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.nav-close:hover{background-color:var(--border-color);color:var(--text-color)}@media (max-width: 768px){.tooltip-navigation{top:.75rem;right:.75rem;gap:.25rem}.nav-arrow,.nav-close{padding:.3rem}}.interactive-curve-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1}.interactive-curve-svg{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:auto;overflow:visible}.interactive-dot{cursor:grab;transition:transform .1s ease}.interactive-dot:hover{transform:scale(1.2)}.interactive-dot.dragging{cursor:grabbing;transform:scale(1.3)}.dot-hit-area,.dot-hit-area:hover{cursor:grab}.center-dot{pointer-events:none}.dot-label{pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}.axis-lines{pointer-events:none}.axis-label{pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;transition:opacity .3s ease}@keyframes fadeInAxis{0%{opacity:0}to{opacity:1}}.dark-theme .dot-label{fill:#fff}.interactive-curve-svg path{vector-effect:non-scaling-stroke}.base-curve-stroke{stroke:#000;transition:stroke .3s ease}.dark-theme .base-curve-stroke{stroke:#fff}@media (max-width: 768px){.interactive-curve-mobile .interactive-curve-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:100%}.interactive-dot{r:2}.dot-hit-area{r:4}.interactive-curve-svg path{stroke-width:.8}}.ai-tools-graph{width:100%;max-width:1000px;margin:0 auto 60px;padding:20px;background:rgba(10,10,10,.9);border-radius:12px;color:#fff}.filters-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;align-items:center}.category-filters,.layer-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.time-toggle{display:flex;justify-content:center;gap:2px;background:rgba(74,85,104,.3);border-radius:20px;padding:2px}.category-btn{padding:8px 16px;border:2px solid #4a5568;background:transparent;color:#e2e8f0;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.category-btn:hover{border-color:#63b3ed;color:#63b3ed}.category-btn.active{background:#3182ce;border-color:#3182ce;color:#fff}.layer-btn{padding:6px 14px;border:1px solid #718096;background:transparent;color:#cbd5e0;border-radius:16px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500}.layer-btn:hover{border-color:#90cdf4;color:#90cdf4}.layer-btn.active{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.time-btn{padding:8px 16px;border:none;background:transparent;color:#a0aec0;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:600;border-radius:18px}.time-btn:hover{color:#e2e8f0}.time-btn.active{background:#3182ce;color:#fff}.graph-container{position:relative;width:100%;height:500px;margin:20px 0}.y-axis-label{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#cbd5e0;text-align:center;background:rgba(10,10,10,.8);padding:4px 12px;border-radius:6px}.y-axis-label.top{top:30px}.y-axis-label.bottom{bottom:30px}.x-axis-label{position:absolute;top:48%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#cbd5e0}.x-axis-label.left{left:20px}.x-axis-label.right{right:20px}.graph-area{position:absolute;top:50px;left:80px;right:80px;bottom:50px;border:none}.axis{position:absolute;background:#4a5568}.x-axis{top:50%;left:0;right:0;height:2px;transform:translateY(-1px)}.y-axis{left:50%;top:0;bottom:0;width:2px;transform:translate(-1px)}.center-point{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#e2e8f0;border-radius:50%;transform:translate(-50%,-50%);z-index:5}.tool-dot{position:absolute;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.tool-dot.layer-1{border:3px solid #4299e1;box-shadow:0 0 15px #4299e166}.tool-dot.layer-1.leader{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#63b3ed}.tool-dot.layer-1.challenger{background:linear-gradient(135deg,#38b2ac,#319795);border-color:#4fd1c7}.tool-dot.layer-1.specialist{background:linear-gradient(135deg,#805ad5,#6b46c1);border-color:#9f7aea}.tool-dot.layer-1.enabler{background:linear-gradient(135deg,#ed8936,#dd6b20);border-color:#f6ad55}.tool-dot.layer-2{border:2px solid #a0aec0;box-shadow:0 0 8px #a0aec04d}.tool-dot.layer-2.rising{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#68d391}.tool-dot.layer-2.established{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#7c3aed}.tool-dot.layer-2.emerging{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#fc8181}.tool-dot:hover{transform:translate(-50%,-50%) scale(1.2);z-index:25;box-shadow:0 0 25px #ffffff4d}.tool-popup{position:absolute;background:rgba(26,32,44,.95);border:1px solid #4a5568;border-radius:12px;padding:16px;min-width:280px;max-width:320px;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;color:#fff;font-size:12px;pointer-events:none}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #4a5568}.popup-header h4{margin:0;font-size:14px;font-weight:600;color:#e2e8f0}.layer-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.layer-badge.layer-1{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.layer-badge.layer-2{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.popup-content{display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;justify-content:space-between;align-items:center}.metric-label{color:#a0aec0;font-weight:500}.metric-value{color:#e2e8f0;font-weight:600}.strengths{margin-top:8px}.strengths-label{color:#a0aec0;font-weight:500;font-size:11px;display:block;margin-bottom:4px}.strengths ul{margin:0;padding-left:12px;color:#cbd5e0}.strengths li{font-size:11px;margin-bottom:2px}.tool-name{position:absolute;bottom:20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:500;color:#e2e8f0;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:20}.projection-name{font-size:9px;bottom:15px;color:#a0aec0}.tool-dot:hover .tool-name{opacity:1}.connection-line{z-index:1}@media (max-width: 768px){.ai-tools-graph{padding:15px}.graph-container{height:400px}.graph-area{left:60px;right:60px;top:40px;bottom:40px}.filters-container{gap:12px}.category-filters,.layer-filters{gap:6px}.category-btn{padding:6px 12px;font-size:12px}.layer-btn{padding:4px 10px;font-size:11px}.time-btn{padding:6px 12px;font-size:12px}.y-axis-label,.x-axis-label{font-size:12px}.y-axis-label.top{top:25px}.y-axis-label.bottom{bottom:25px}.x-axis-label{top:46%}.tool-name{font-size:10px}.tool-popup{min-width:240px;max-width:280px;padding:12px;font-size:11px}.popup-header h4{font-size:13px}}@media (max-width: 480px){.graph-container{height:350px}.graph-area{left:50px;right:50px;top:35px;bottom:35px}.category-btn{padding:5px 10px;font-size:11px}.layer-btn{padding:3px 8px;font-size:10px}.time-btn{padding:5px 10px;font-size:11px}.y-axis-label.top{top:20px}.y-axis-label.bottom{bottom:20px}.x-axis-label{top:44%}.tool-popup{min-width:200px;max-width:240px;padding:10px;font-size:10px}.popup-header h4{font-size:12px}.strengths li{font-size:10px}}.aoa-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.aoa-popup-container{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;max-height:400px;overflow:hidden;animation:fadeInUp .3s ease;position:relative}.aoa-popup-content{padding:1.5rem 1.65rem 1.5rem 1.35rem;max-height:400px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.aoa-popup-content::-webkit-scrollbar{display:none}.aoa-popup-header{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.aoa-popup-word{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0;font-family:Georgia,serif}.aoa-popup-pronunciation{font-size:.9rem;font-style:italic;color:var(--text-secondary);font-family:Georgia,serif}.aoa-popup-title-group{display:flex;flex-direction:column;gap:.2rem}.aoa-popup-pronunciation-below{font-size:.9rem;font-style:italic;color:var(--text-secondary);font-family:Georgia,serif}.aoa-popup-part-of-speech{font-size:.8rem;font-style:italic;color:var(--text-secondary);text-transform:lowercase;margin-bottom:1rem}.aoa-popup-navigation{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center}.aoa-nav-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.aoa-nav-arrow:hover{background-color:var(--border-color);color:var(--text-color)}.aoa-popup-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.aoa-popup-close:hover{background-color:var(--border-color);color:var(--text-color)}.aoa-popup-body,.aoa-popup-definitions{margin-bottom:1.2rem}.aoa-popup-definition{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.8rem;line-height:1.5}.aoa-definition-number{font-weight:600;color:var(--text-secondary);font-size:.8rem;flex-shrink:0;margin-top:.1rem}.aoa-definition-text{font-size:.85rem;color:var(--text-color);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.aoa-popup-overlay{padding:1rem}.aoa-popup-container{max-width:90vw;max-height:70vh}.aoa-popup-content{padding:1.2rem}.aoa-popup-word{font-size:1.3rem}.aoa-popup-navigation{top:.75rem;right:.75rem;gap:.25rem}.aoa-nav-arrow,.aoa-popup-close{padding:.3rem}}.strategy-flywheel{width:100%;max-width:800px;margin:0 auto;padding:2rem}.flywheel-container{position:relative;width:600px;height:600px;margin:0 auto 2rem}.ring-circle{animation:gear-rotation 8s ease-in-out infinite;animation-delay:var(--delay, 0s);transform-origin:center}.flywheel-arrow{opacity:.8;transition:opacity .3s ease}.step-clickable-group{cursor:pointer}.step-clickable-group:hover .step-dot{fill:#000;stroke:#2563eb;stroke-width:2;transition:fill .2s ease,stroke .2s ease}.step-dot{transition:fill .2s ease,stroke .2s ease}.disruption-dot{animation:pulse 2s ease-in-out infinite;transition:transform .3s ease}.disruption-dot:hover{transform:scale(1.3)}.step-label{position:absolute;width:120px;pointer-events:none;z-index:10}.step-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.25rem;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.step-description{font-size:.75rem;color:#e5e7eb;line-height:1.3;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.disruption-label{position:absolute;width:100px;pointer-events:none;z-index:10}.disruption-title{font-size:.75rem;font-weight:600;color:#f87171;margin-bottom:.125rem;line-height:1.2}.disruption-description{font-size:.625rem;color:#f87171;line-height:1.2;opacity:.8}.flywheel-legend{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:.5rem}.legend-section h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.legend-section p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-dot.high-impact{background-color:#f87171}.legend-dot.medium-impact{background-color:#f59e0b}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes gear-rotation{0%,to{opacity:.3}25%{opacity:.6}50%{opacity:.8}75%{opacity:.6}}@media (max-width: 768px){.strategy-flywheel{padding:1rem;overflow-x:hidden}.flywheel-container{width:100%;max-width:400px;height:400px;margin:0 auto 2rem;overflow:visible}.flywheel-container svg{width:100%;height:100%;max-width:400px;max-height:400px}.step-label{width:90px;transform:scale(.8)}.step-title{font-size:.75rem;line-height:1.1}.step-description{font-size:.625rem;line-height:1.2}.disruption-label{width:70px;transform:scale(.8)}.disruption-title{font-size:.625rem}.disruption-description{font-size:.5rem}.flywheel-legend{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.strategy-flywheel{padding:.5rem}.flywheel-container{width:100%;max-width:320px;height:320px;margin:0 auto 1rem}.flywheel-container svg{width:100%;height:100%;max-width:320px;max-height:320px}.step-label{width:70px;transform:scale(.7)}.step-title{font-size:.625rem;line-height:1.1}.step-description{font-size:.5rem;line-height:1.1}.disruption-label{width:60px;transform:scale(.7)}.disruption-title{font-size:.5rem}.disruption-description{font-size:.4rem}.center-label{font-size:12px!important}}.design-systems-hierarchy{padding:2rem 0 25vh 0;max-width:1200px;margin:0 auto;min-height:80vh;background:var(--bg-color);color:var(--text-color)}.hierarchy-container{display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:start;min-height:600px;padding:2rem}.hierarchy-column{display:flex;flex-direction:column;align-items:center;gap:1rem}.column-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-align:center}.profile-card{width:280px;height:480px;background:#1a1a1a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.gradient-bg{height:120px;flex-shrink:0;background:linear-gradient(135deg,#FF8A00 0%,#FF3D71 50%,#3D5AFE 100%)}.ai-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}.content-wrapper{flex-grow:1;padding:0 20px 20px;display:flex;flex-direction:column;color:#fff;z-index:10}.profile-header{display:flex;align-items:flex-start;gap:12px;margin-top:-35px;margin-bottom:12px}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background-color:#4a5568;border:4px solid #1a1a1a;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.profile-info{flex-grow:1;padding-top:8px}.card-name{font-size:1.125rem;font-weight:600;line-height:1.2;margin:0 0 4px}.online-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#a0aec0}.online-dot{width:6px;height:6px;border-radius:50%;background-color:#48bb78}.card-role{color:#a0aec0;font-size:.875rem;margin:0 0 20px;text-align:left}.social-post{height:180px;margin-bottom:20px;display:flex;flex-direction:column}.post-placeholder{background-color:#2d374880;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);height:100%;display:flex;flex-direction:column}.post-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.post-avatar{width:32px;height:32px;border-radius:50%;background-color:#4a5568}.post-info{display:flex;flex-direction:column;gap:2px}.post-author{font-size:.875rem;font-weight:600;color:#fff}.post-time{font-size:.75rem;color:#a0aec0}.post-text{font-size:.875rem;line-height:1.4;color:#e2e8f0;margin:0 0 12px}.post-stats{display:flex;gap:16px;font-size:.75rem;color:#a0aec0}.social-buttons-container{display:flex;justify-content:center;gap:12px;margin-top:auto}.social-button{width:40px;height:40px;border-radius:50%;border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.social-button.google{background:#db4437;color:#fff}.social-button.meta{background:#1877f2;color:#fff}.social-button.microsoft{background:#00a1f1;color:#fff}.social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.85);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.ai-hover{background:rgba(0,0,0,.85);padding:60px 20px 20px;justify-content:flex-start;width:100%;height:100%}.profile-card:hover .hover-overlay{opacity:1}.database-icon{color:#fff}.dots-section{display:flex;justify-content:space-around;width:100%;margin-bottom:30px}.dot-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:#1a1a1a}.dot-item svg{fill:#1a1a1a}.dot-item span{font-size:12px;font-weight:500}.ai-hover .dot-item{color:#fff}.ai-hover .dot-item svg{fill:#fff}.boxes-section{display:flex;flex-direction:column;width:100%;gap:12px}.stack-box{width:100%;padding:12px;border:2px dashed #666;border-radius:8px;text-align:center;background:rgba(255,255,255,.1);color:#1a1a1a;font-weight:500;font-size:14px}.ai-hover .stack-box{border:1px dashed white;background:rgba(255,255,255,.1);color:#fff}.hierarchy-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px}.divider-line{width:2px;height:300px;background:white;opacity:.3}.bottom-spacer{height:20vh;min-height:150px}@media (max-width: 768px){.hierarchy-container{grid-template-columns:1fr;gap:2rem}.hierarchy-divider{min-height:auto;margin:1rem 0}.divider-line{width:80%;height:2px;background:white;opacity:.3}.profile-card{max-width:100%}.bottom-spacer{height:15vh;min-height:100px}}.hero{height:calc(75vh - 120px);display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(25vh - 60px) 3.2rem 2rem 3.2rem;margin-top:60px;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(156,163,175,.3) 1px,transparent 0);background-size:20px 20px;background-position:0 0;pointer-events:none;z-index:0}.hero-flipped:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;mask:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);-webkit-mask:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);pointer-events:none;z-index:0}.dark-theme .hero:before,.dark-theme .hero-flipped:before{background-image:radial-gradient(circle at 1px 1px,rgba(156,163,175,.2) 1px,transparent 0)}.hero-content{width:100%;display:flex;gap:2rem;align-items:flex-start;position:relative;z-index:2;pointer-events:none}.hero-text{flex:0 0 50%;max-width:50%;pointer-events:auto}.hero-popup-area{flex:1;min-height:300px;display:flex;align-items:flex-start;justify-content:flex-start;padding-left:2rem;position:relative;z-index:1001;pointer-events:auto}.hero-line{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.2rem;font-size:3rem;font-weight:400;line-height:1.1}.line-number{font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:1.5rem}.line-content{color:var(--text-color)}.at-symbol{font-size:.8em;font-weight:900}.bold-text{font-weight:700}.highlight-text{font-weight:200;cursor:help;transition:font-weight .2s ease,color .2s ease}.highlight-text:hover,.highlight-text.active{font-weight:700;color:#2563eb}.dark-theme .highlight-text:hover,.dark-theme .highlight-text.active{color:#60a5fa}.slide-in-text{opacity:0;transform:translate(-20px);transition:opacity .6s ease,transform .6s ease;display:inline-block}.slide-in-text.visible{opacity:1;transform:translate(0)}.highlight-text.edge-text{transition:transform .6s ease,font-weight .2s ease,color .2s ease}.highlight-text.edge-text.shifted{transform:translate(0)}.edge-defining-text{transition:transform .6s ease}.edge-defining-text.shifted{transform:translate(0)}.edge-description{margin-top:2rem;max-width:600px;line-height:1.6;pointer-events:auto}.edge-description p{margin-bottom:1.5rem;font-size:1rem;color:var(--text-color)}.edge-heading{font-size:1.2rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-color)}.edge-description-flipped{text-align:right}.hero-flipped{min-height:calc(100vh - 120px);height:auto;margin-top:-15vh;justify-content:flex-start;align-items:flex-start;position:relative;padding:2rem 0 4rem;display:flex}.ai-tools-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:15vh}.ai-tools-heading{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.ai-tools-heading .hero-line-no-number{font-size:2.1rem;font-weight:400;line-height:1.1;color:var(--text-color);display:flex;align-items:baseline}.ai-tools-heading .line-content{color:var(--text-color)}.hero-content-flipped{width:100%;display:flex;gap:2rem;align-items:flex-start;justify-content:flex-end;position:relative;z-index:2;pointer-events:none}.hero-text-flipped{text-align:right;margin-right:3.2rem;width:auto;min-width:300px}.hero-line-flipped{display:flex;align-items:center;margin-bottom:1rem;justify-content:flex-end;flex-direction:row-reverse}.hero-line-flipped .line-number{margin-left:1rem;margin-right:0}.hero-popup-area-flipped{position:absolute;left:0;top:0;width:50%}.interactive-curve-desktop{display:block}.interactive-curve-mobile{display:none}@media (max-width: 768px){.hero{height:auto;min-height:calc(75vh - 100px);margin-top:45px;padding:2rem .8rem 1rem;flex-direction:column}.hero-content{flex-direction:column;gap:0;align-items:flex-start;order:1;margin-bottom:1rem}.hero-text{flex:none;width:100%;max-width:100%}.hero-popup-area{flex:none;width:100%;min-height:0;padding-left:0;margin-bottom:0}.hero-line{font-size:1.8rem;gap:.5rem}.line-number{min-width:1rem}.interactive-curve-desktop{display:none}.interactive-curve-mobile{display:block;order:2;width:100%;height:250px;margin-top:0;position:relative}.hero-content-flipped{flex-direction:column;align-items:flex-end;justify-content:flex-start}.hero-text-flipped{text-align:right;margin-right:.8rem;min-width:auto}.hero-popup-area-flipped{position:relative;left:auto;top:auto;width:100%;margin-top:1rem}.hero-line-flipped{justify-content:flex-end}.edge-description{max-width:100%;margin-top:1.5rem;padding:0 .5rem}.edge-description p{font-size:.9rem;margin-bottom:1rem}.edge-heading{font-size:1.1rem;margin:1.5rem 0 .8rem}.edge-description-flipped{text-align:right;padding:0 .5rem}.hero-flipped{padding-top:.5rem}.ai-tools-heading .hero-line-no-number{font-size:1.4rem}.ai-tools-section{margin-top:5vh}}.category-navigation{padding:1.6rem 3.2rem;margin-top:1.6rem;background:var(--bg-color);transition:background-color .3s ease}.category-container{max-width:960px;margin:0 auto}.category-buttons{display:flex;gap:1.6rem;justify-content:flex-start;align-items:center;margin-bottom:1.6rem}.category-button{background:none;border:none;padding:.6rem 1.2rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .3s ease,background-color .3s ease;border-radius:6.4px}.category-button:hover{color:var(--text-color);background-color:var(--border-color)}.category-button.active{color:var(--text-color);font-weight:600;background-color:var(--border-color)}.category-line{height:1px;background:var(--border-color);margin:0 3.2rem;transition:background-color .3s ease}@media (max-width: 768px){.category-navigation{padding:.8rem;margin-top:.8rem}.category-container{max-width:none}.category-buttons{gap:.8rem;flex-wrap:wrap}.category-button{padding:.4rem .8rem;font-size:.72rem}.category-line{margin:0 .8rem}}.project-grid{padding:0 3.2rem;margin-bottom:3.2rem;background:var(--bg-color);transition:background-color .3s ease}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:960px;margin:0 auto}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12.8px;color:var(--text-color);box-shadow:0 6.4px 25.6px var(--shadow);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;cursor:pointer;position:relative;overflow:hidden;aspect-ratio:1}.project-card:hover{transform:translateY(-3.2px);box-shadow:0 9.6px 32px var(--shadow-hover)}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-bg);transition:opacity .3s ease,background-color .3s ease}.project-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--placeholder-bg);border-radius:12.8px;color:var(--placeholder-text);font-size:.8rem;transition:background-color .3s ease,color .3s ease}.card-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.2rem;background:var(--card-bg);opacity:0;transition:opacity .3s ease,background-color .3s ease;display:flex;flex-direction:column}.project-card:hover .card-content{opacity:1}.project-card:hover .card-image{opacity:0}.project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.project-name{font-size:.88rem;font-weight:600;margin:0 0 .2rem;color:var(--text-color);transition:color .3s ease}.project-type{font-size:.7rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.project-price{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.price-amount{font-size:1rem;font-weight:700;color:var(--text-color);transition:color .3s ease}.project-tabs{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.tab{background:none;border:none;color:var(--text-color);padding:.4rem 0;cursor:pointer;font-size:.7rem;transition:color .3s ease;position:relative}.tab.active:after{content:"";position:absolute;bottom:-.4rem;left:0;right:0;height:1.6px;background:var(--text-color);border-radius:.8px}.tab-line{flex:1;height:1px;background:var(--border-color);transition:background-color .3s ease}.project-details{display:flex;flex-direction:column;gap:.6rem;flex:1}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.7rem;color:var(--text-secondary);transition:color .3s ease}.detail-value{font-size:.7rem;color:var(--text-color);font-weight:500;transition:color .3s ease}@media (max-width: 825px){.project-grid{padding:0 1.6rem}.grid-container{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (max-width: 768px){.project-grid{padding:0 .8rem}.grid-container{grid-template-columns:1fr;gap:.8rem}.card-content{padding:.8rem}.project-name{font-size:.8rem}.project-type{font-size:.64rem}.price-amount{font-size:.88rem}}.site-footer{background:var(--bg-color);color:var(--text-color);border-top:1px solid rgba(160,174,192,.2);padding:3rem 2rem 1.5rem;margin-top:4rem;transition:background-color .3s ease,color .3s ease}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-left{display:flex;flex-direction:column}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.footer-link{font-size:11px;color:var(--muted-text-color, #718096);text-decoration:none;transition:color .2s ease;font-weight:400;letter-spacing:.025em}.footer-link:hover{color:var(--accent-color, #3182ce)}.footer-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.company-description{margin-bottom:1.5rem}.company-description p{font-size:12px;line-height:1.6;color:var(--muted-text-color, #718096);margin:0;max-width:400px}.footer-contact{margin-top:auto}.footer-contact-link{font-size:12px;color:var(--accent-color, #3182ce);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--accent-color, #3182ce);border-radius:4px;transition:all .2s ease;font-weight:500}.footer-contact-link:hover{background:var(--accent-color, #3182ce);color:#fff}.footer-legal{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(160,174,192,.1);text-align:center}.footer-legal p{font-size:9px;line-height:1.4;color:var(--muted-text-color, #a0aec0);margin:0;opacity:.8}.dark-theme .site-footer{border-top-color:#a0aec01a}.dark-theme .footer-legal{border-top-color:#a0aec00d}@media (max-width: 768px){.site-footer{padding:2rem 1rem 1rem;margin-top:2rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-right{align-items:center;text-align:center}.footer-links{justify-content:center;gap:.5rem 1rem}.footer-link{font-size:10px}.company-description p{font-size:11px;max-width:100%}.footer-legal p{font-size:8px;padding:0 .5rem}}@media (max-width: 480px){.site-footer{padding:1.5rem .75rem .75rem}.footer-content{gap:1.5rem}.footer-links{gap:.4rem .8rem}.footer-link{font-size:9px}.company-description p{font-size:10px}.footer-contact-link{font-size:11px;padding:.4rem .8rem}.footer-legal p{font-size:7px}}.project-detail{min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.project-detail-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;background:var(--bg-color);color:var(--text-color)}.project-detail-error button{padding:.6rem 1.2rem;background:var(--border-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6.4px;cursor:pointer;transition:all .3s ease}.project-detail-error button:hover{background:var(--text-color);color:var(--bg-color)}.project-hero{padding:6.4rem 3.2rem 2.4rem;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.project-hero-content{max-width:960px;margin:0 auto}.project-header{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:2.4rem}.project-info{flex:1}.project-name{font-size:2.4rem;font-weight:600;margin:0 0 .4rem;color:var(--text-color);transition:color .3s ease}.project-type{font-size:.96rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.project-specs{width:100%;margin-bottom:2.4rem}.spec-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.spec-item:last-child{border-bottom:none}.spec-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;transition:color .3s ease;flex-shrink:0}.spec-value{font-size:.8rem;color:var(--text-color);font-weight:600;text-align:right;transition:color .3s ease;max-width:60%;word-wrap:break-word;line-height:1.5}.spec-item:last-child{padding-bottom:1.6rem;flex-direction:column;align-items:flex-start}.spec-item:last-child .spec-label{margin-bottom:.8rem}.spec-item:last-child .spec-value{font-weight:400;line-height:1.6;text-align:center;max-width:100%;width:100%;color:var(--text-secondary)}.mediwatch-project .mediwatch-image{width:100%;height:auto;object-fit:contain;max-height:80vh;transition:transform .3s ease}.mediwatch-project .mediwatch-image:hover{transform:scale(1.01)}.mediwatch-project .mediwatch-image-container{width:100%;max-height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-color)}.project-image-section{width:100%;background:var(--bg-color);padding:0}.project-image-section-padded{padding:5%}.project-image-section-padded-10,.project-image-container-padded{padding:10%}.project-image-container{width:100%;max-height:70vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-detail-image{width:100%;height:auto;object-fit:cover;transition:transform .3s ease}.project-detail-image:hover{transform:scale(1.02)}.project-detail-image-contain{object-fit:contain;max-height:70vh}.project-detail-image-full{width:100%;height:auto;object-fit:contain;max-height:none;transition:transform .3s ease}.project-image-container.full-height{max-height:none;min-height:auto}.image-placeholder{width:100%;height:320px;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.88rem;transition:background-color .3s ease,color .3s ease}.project-additional-images{width:100%;background:var(--bg-color);padding:0}.additional-image-container{width:100%;margin-bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:70vh}.themebox-image{padding:15%!important;box-sizing:border-box;height:100vh!important;width:100%!important;object-fit:contain}.project-content{padding:3.2rem 3.2rem 4.8rem;background:var(--bg-color);transition:background-color .3s ease}.project-content-container{max-width:960px;margin:0 auto;color:var(--text-color);line-height:1.6}.project-content h2{font-size:2rem;font-weight:600;margin-bottom:1.2rem;color:var(--text-color);transition:color .3s ease}.project-content h3{font-size:1.44rem;font-weight:600;margin:1.6rem 0 .8rem;color:var(--text-color);transition:color .3s ease}.project-content p{font-size:.88rem;margin-bottom:1.2rem;color:var(--text-secondary);transition:color .3s ease}.project-content ul{list-style:none;padding:0;margin:1.2rem 0}.project-content li{font-size:.88rem;margin-bottom:.6rem;color:var(--text-secondary);position:relative;padding-left:1.2rem;transition:color .3s ease}.project-content li:before{content:"→";position:absolute;left:0;color:var(--text-color);font-weight:600;transition:color .3s ease}@media (max-width: 968px){.project-hero{padding:4.8rem 1.6rem 1.6rem}.project-header,.project-specs{margin-bottom:1.6rem}.spec-item{padding:.6rem 0}.spec-item:last-child{padding-bottom:1.2rem}.spec-value{max-width:50%}.project-name{font-size:2rem}.project-type{font-size:.88rem}}@media (max-width: 768px){.project-hero{padding:4.8rem .8rem 1.6rem}.project-name{font-size:1.6rem}.project-type{font-size:.8rem}.spec-item{padding:.6rem 0}.spec-label,.spec-value{font-size:.72rem}.project-content{padding:2.4rem .8rem 3.2rem}.project-content h2{font-size:1.6rem}.project-content h3{font-size:1.2rem}.project-content p,.project-content li{font-size:.8rem}.project-image-section-padded{padding:2.4%}}@media (max-width: 480px){.spec-value{max-width:40%;font-size:.68rem}.spec-label{font-size:.68rem}.spec-item{padding:.4rem 0}.spec-item:last-child{padding-bottom:.8rem}}.category-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:2rem}.category-hero-content{text-align:center;max-width:800px;width:100%}.category-hero-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.3;color:var(--text-color);margin:0}.category-hero-line{display:flex;align-items:center;justify-content:center;margin:1rem 0;gap:1rem}.category-line-number{color:var(--text-secondary);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;min-width:2rem;text-align:right}.category-line-content{color:var(--text-color);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}@media (max-width: 768px){.category-hero{min-height:50vh;padding:1rem}.category-hero-line{flex-direction:column;gap:.5rem;margin:.5rem 0}.category-line-number{text-align:center;min-width:auto}}.contact-page{min-height:100vh;transition:all .3s ease}.contact-main{padding:120px 40px 60px;max-width:1200px;margin:0 auto}.contact-container{display:flex;flex-direction:column;gap:60px}.contact-header{text-align:center;max-width:600px;margin:0 auto}.contact-header h1{font-size:3rem;font-weight:300;margin-bottom:20px;letter-spacing:-.02em}.contact-header p{font-size:1.2rem;opacity:.8;margin:0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:40px}.contact-item h3{font-size:1.1rem;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.contact-item a{color:inherit;text-decoration:none;font-size:1.1rem;transition:opacity .2s ease}.contact-item a:hover{opacity:.7}.contact-item p{margin:0;font-size:1.1rem;line-height:1.6}.contact-form{width:100%}.form-group{margin-bottom:30px}.form-group label{display:block;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid;border-radius:4px;font-size:1rem;font-family:inherit;transition:all .2s ease;background:transparent;color:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-width:2px}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:transparent;color:inherit;border:1px solid;padding:15px 30px;font-size:1rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.submit-button:hover{background:currentColor;color:var(--bg-color)}.contact-page.light{background:#ffffff;color:#000}.contact-page.light .form-group input,.contact-page.light .form-group textarea{border-color:#e0e0e0}.contact-page.light .form-group input:focus,.contact-page.light .form-group textarea:focus{border-color:#000}.contact-page.light .submit-button{border-color:#000}.contact-page.light .submit-button:hover,.contact-page.dark{background:#000000;color:#fff}.contact-page.dark .form-group input,.contact-page.dark .form-group textarea{border-color:#333}.contact-page.dark .form-group input:focus,.contact-page.dark .form-group textarea:focus{border-color:#fff}.contact-page.dark .submit-button{border-color:#fff}.contact-page.dark .submit-button:hover{background:#ffffff;color:#000}@media (max-width: 768px){.contact-main{padding:100px 20px 40px}.contact-container{gap:40px}.contact-header h1{font-size:2.5rem}.contact-content{grid-template-columns:1fr;gap:50px}.contact-info{gap:30px}}@media (max-width: 480px){.contact-header h1{font-size:2rem}.contact-header p{font-size:1.1rem}}.strategy-page{min-height:calc(100vh - 120px);padding:2rem 0;background:var(--bg-color);color:var(--text-color)}.strategy-container{max-width:800px;margin:0 auto;padding:0 2rem}.strategy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.strategy-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.strategy-subtitle{font-size:1.2rem;color:var(--text-secondary);font-style:italic;margin:0}.strategy-content{line-height:1.8}.strategy-section{margin-bottom:2.5rem}.strategy-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);border-bottom:2px solid #2563eb;padding-bottom:.5rem;display:inline-block}.strategy-section h3{font-size:1.4rem;font-weight:600;margin-bottom:.8rem;color:var(--text-color)}.strategy-section p{margin-bottom:1rem;color:var(--text-color);font-size:1rem}.strategy-section ul{margin:1rem 0;padding-left:2rem}.strategy-section li{margin-bottom:.5rem;color:var(--text-color)}.process-steps{margin:2rem 0}.process-step{margin-bottom:3rem;padding:2rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.step-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.step-number{width:50px;height:50px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-header h3{margin:0;color:var(--text-color);font-size:1.5rem}.step-content{margin-left:66px}.code-example{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid #2563eb}.code-example h3{margin-top:0;margin-bottom:1rem;color:var(--text-color)}.code-example pre{background:var(--bg-color);padding:1rem;border-radius:6px;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.9rem;line-height:1.4;color:var(--text-color);border:1px solid var(--border-color)}.dark-theme .strategy-section h2{border-bottom-color:#60a5fa}.dark-theme .step-number{background:#60a5fa}.dark-theme .code-example{border-left-color:#60a5fa}@media (max-width: 768px){.strategy-container{padding:0 1rem}.strategy-title{font-size:2.5rem}.strategy-subtitle{font-size:1.1rem}.process-step{padding:1.5rem}.step-header{flex-direction:column;align-items:flex-start;text-align:left}.step-content{margin-left:0;margin-top:1rem}.step-number{align-self:flex-start}}.method-page{min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.dashboard-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-password-modal{background:var(--bg-color);border-radius:12px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.modal-header p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.password-form,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-color);margin-bottom:.5rem;font-size:.9rem}.form-group input[type=password]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input[type=password]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input[type=password].error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input[type=password]:disabled{opacity:.6;cursor:not-allowed}.error-message{display:block;color:#dc2626;font-size:.85rem;margin-top:.5rem;font-weight:500}.form-actions{text-align:center}.submit-btn{background:#2563eb;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.submit-btn:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.modal-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;text-align:center}.security-note{color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.4}.dark-theme .dashboard-password-modal{box-shadow:0 20px 40px #0009}@media (max-width: 480px){.dashboard-password-modal{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.modal-header h2{font-size:1.25rem}.submit-btn{width:100%;min-width:auto}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-spinner{color:var(--text-secondary);font-size:1.1rem}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.access-denied h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.access-denied p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.4}.dashboard-access-required{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.access-message{text-align:center;max-width:400px}.access-message h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.access-message p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.4}.private-dashboard{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.dashboard-content{padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.dashboard-header h1{font-size:2rem;font-weight:600;margin:0;color:var(--text-color)}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{color:var(--text-secondary);font-size:.9rem}.user-role{font-style:italic;text-transform:capitalize}.sign-out-button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.sign-out-button:hover{background:#b91c1c}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.dashboard-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px #0000001a}.dashboard-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.dashboard-card p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.projects-section{margin:2rem 0}.projects-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.project-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status.active{background:#dcfce7;color:#166534}.status.monitoring{background:#fef3c7;color:#92400e}.dark-theme .status.active{background:#166534;color:#dcfce7}.dark-theme .status.monitoring{background:#92400e;color:#fef3c7}.project-details{margin-bottom:1rem}.project-type{font-weight:500;color:var(--text-color);margin:0 0 .5rem}.last-update{color:var(--text-secondary);font-size:.9rem;margin:0}.project-actions{display:flex;gap:.5rem}.btn-primary{padding:.5rem 1rem;background:#2563eb;color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.btn-primary:hover{background:#1d4ed8}.btn-secondary{padding:.5rem 1rem;background:transparent;color:var(--text-color);text-decoration:none;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.btn-secondary:hover{background:var(--hover-bg)}.admin-section{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.admin-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.admin-section h2:before{content:"🔐";font-size:1.25rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.admin-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.admin-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.admin-card p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.coming-soon{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dark-theme .coming-soon{background:#374151;color:#9ca3af}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-color)}.loading-spinner{color:var(--text-color);font-size:1.1rem}@media (max-width: 768px){.dashboard-content{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-grid,.projects-grid,.admin-grid{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-card{padding:1rem}}.peak-design-dashboard{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.dashboard-content{padding:6rem 2rem 2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.header-left h1{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.header-left p{color:var(--text-secondary);margin:0;font-size:1rem}.header-controls{display:flex;gap:1rem;align-items:center}.time-range-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:.9rem;cursor:pointer}.time-range-select:focus{outline:none;border-color:#2563eb}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.tab{padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.tab:hover{background:var(--hover-bg);color:var(--text-color)}.tab.active{background:var(--bg-color);color:var(--text-color);border-color:#2563eb;border-bottom-color:var(--bg-color);margin-bottom:-1px}.alert-section{display:flex;gap:1rem;margin-bottom:2rem}.alert{flex:1;padding:1rem;border-radius:6px;border-left:4px solid}.alert.critical{background:#fef2f2;border-left-color:#dc2626;color:#991b1b}.alert.warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.dark-theme .alert.critical{background:#450a0a;color:#fca5a5}.dark-theme .alert.warning{background:#451a03;color:#fed7aa}.alert h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.alert p{margin:0;font-size:.85rem;line-height:1.4}.inventory-table{width:100%;border-collapse:collapse;font-size:.9rem}.inventory-table th,.inventory-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.inventory-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-color)}.inventory-table tbody tr:hover{background:var(--hover-bg)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.healthy{background:#dcfce7;color:#166534}.status-badge.critical{background:#fef2f2;color:#dc2626}.status-badge.low{background:#fef3c7;color:#92400e}.status-badge.overstock{background:#eff6ff;color:#2563eb}.dark-theme .status-badge.healthy{background:#166534;color:#dcfce7}.dark-theme .status-badge.critical{background:#dc2626;color:#fef2f2}.dark-theme .status-badge.low{background:#92400e;color:#fef3c7}.dark-theme .status-badge.overstock{background:#2563eb;color:#eff6ff}.netsuite-section{display:flex;flex-direction:column;gap:2rem}.api-setup-instructions{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.setup-card{margin-top:1rem}.setup-card h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.setup-card ol{margin-bottom:1.5rem;padding-left:1.5rem}.setup-card li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.4}.api-config{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.api-config label{font-weight:500;color:var(--text-color);margin-bottom:.25rem}.api-input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:.9rem}.api-input:focus{outline:none;border-color:#2563eb}.test-connection-btn{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.test-connection-btn:hover{background:#1d4ed8}.netsuite-preview{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.netsuite-preview h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.workbench-placeholder{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:6px;padding:2rem;text-align:center}.placeholder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.status.disconnected{color:#dc2626;font-size:.8rem;background:#fef2f2;padding:.25rem .5rem;border-radius:4px}.dark-theme .status.disconnected{background:#450a0a;color:#fca5a5}.placeholder-content p{color:var(--text-secondary);margin-bottom:1rem}.placeholder-content ul{text-align:left;color:var(--text-secondary);max-width:400px;margin:0 auto}.placeholder-content li{margin-bottom:.5rem}.chart-insights{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;border-left:4px solid #3b82f6}.chart-insights p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.chart-insights strong{color:var(--text-color)}.campaign-impact-table{width:100%;border-collapse:collapse;font-size:.9rem}.campaign-impact-table th,.campaign-impact-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.campaign-impact-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-color)}.campaign-impact-table tbody tr:hover{background:var(--hover-bg)}.campaign-name{font-weight:500;color:var(--text-color)}.sales-increase{color:#16a34a;font-weight:600}.inventory-depletion{color:var(--text-color);font-weight:500}.restock-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.restock-badge.needed{background:#fef2f2;color:#dc2626}.restock-badge.sufficient{background:#dcfce7;color:#166534}.dark-theme .restock-badge.needed{background:#dc2626;color:#fef2f2}.dark-theme .restock-badge.sufficient{background:#166534;color:#dcfce7}.performance-score{display:flex;flex-direction:column;gap:.25rem;min-width:80px}.score-value{font-weight:600;color:var(--text-color);font-size:.85rem}.score-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#dc2626 0%,#f59e0b 50%,#16a34a 100%);transition:width .3s ease}.interactive-legend{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.interactive-legend h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-color)}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.legend-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;flex-wrap:wrap;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.legend-item:hover{background:var(--hover-bg);border-color:var(--text-color)}.legend-item.active{color:var(--text-color);border-color:var(--text-color)}.legend-item.inactive{color:var(--text-secondary);opacity:.6;border-color:var(--border-color)}.legend-item.inactive .legend-color{opacity:.4}.legend-color{width:16px;height:3px;border-radius:2px;transition:opacity .2s ease}.legend-color.dashed{background:repeating-linear-gradient(to right,transparent 0px,transparent 2px,currentColor 2px,currentColor 4px)}.legend-color.dotted{background:repeating-linear-gradient(to right,transparent 0px,transparent 1px,currentColor 1px,currentColor 2px)}.legend-color.tiny-dash{background:repeating-linear-gradient(to right,transparent 0px,transparent 1px,currentColor 1px,currentColor 1.5px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a}.metric-card h3{font-size:.9rem;font-weight:500;margin:0 0 .5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.metric-change{font-size:.85rem;font-weight:500}.metric-change.positive{color:#16a34a}.metric-change.negative{color:#dc2626}.metric-change.neutral{color:var(--text-secondary)}.chart-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.chart-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.chart-container{width:100%;height:400px}.chart-container-small{width:100%;height:200px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 12px #0000001a}.chart-card h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.chart-small{width:100%;height:300px}.table-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.table-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.table-container{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;font-size:.9rem}.performance-table th{background:var(--bg-secondary);color:var(--text-color);font-weight:600;text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color)}.performance-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.performance-table tbody tr:hover{background:var(--hover-bg)}.product-name{font-weight:500}.performance-indicator{display:flex;align-items:center;gap:.5rem}.performance-score{background:#dcfce7;color:#166534;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.dark-theme .performance-score{background:#166534;color:#dcfce7}.insights-section{margin-bottom:2rem}.insights-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.insight-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:box-shadow .2s ease}.insight-card:hover{box-shadow:0 2px 8px #0000001a}.insight-card h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.insight-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.insight-card strong{color:var(--text-color)}.platform-header{margin-bottom:2rem;text-align:center}.platform-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.platform-header p{color:var(--text-secondary);margin:0;font-size:1rem}.platform-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.platform-card{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--platform-color, var(--border-color));opacity:.8;transition:opacity .3s ease}.platform-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--platform-color)}.platform-card:hover:before{opacity:1}.platform-card.selected{border-color:var(--platform-color);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.platform-card.selected:before{opacity:1;height:6px}.platform-header-card{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.platform-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.platform-header-card h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-color);flex:1}.stock-impact{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stock-impact.high{background:#fef2f2;color:#dc2626}.stock-impact.critical{background:#450a0a;color:#fca5a5}.stock-impact.medium{background:#fef3c7;color:#92400e}.stock-impact.low{background:#dcfce7;color:#166534}.dark-theme .stock-impact.high{background:#dc2626;color:#fef2f2}.dark-theme .stock-impact.medium{background:#92400e;color:#fef3c7}.dark-theme .stock-impact.low{background:#166534;color:#dcfce7}.platform-metrics{display:flex;flex-direction:column;gap:1rem}.platform-metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.metric-value-large{font-size:1.8rem;font-weight:700;color:var(--platform-color)}.metric-value-medium{font-size:1.2rem;font-weight:600;color:var(--text-color)}.platform-trend{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.trend-value{font-size:.9rem;font-weight:600}.trend-value.positive{color:#16a34a}.trend-value.negative{color:#dc2626}.trend-label{font-size:.8rem;color:var(--text-secondary)}.platform-selection-prompt{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:8px;margin-top:1rem}.platform-selection-prompt p{color:var(--text-secondary);font-size:1rem;margin:0;font-style:italic}.campaign-controls{display:flex;gap:2rem;align-items:center;margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.85rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.campaign-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:.9rem;cursor:pointer;min-width:200px;transition:border-color .2s ease}.campaign-select:focus{outline:none;border-color:#2563eb}.view-mode-toggle{padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.view-mode-toggle:hover{border-color:#2563eb;background:var(--hover-bg)}.view-mode-toggle.post{border-color:#16a34a;color:#16a34a}.view-mode-toggle.campaign{border-color:#2563eb;color:#2563eb}.engagement-legend{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem}.legend-container{max-width:1400px;margin:0 auto;padding:0 2rem}.engagement-legend h3{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-color);text-align:center}.calculation-breakdown{display:flex;flex-direction:column;gap:2rem}.calculation-item{background:var(--bg-color);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.calculation-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.calculation-formula{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;color:var(--text-color);background:var(--bg-secondary);padding:.75rem 1rem;border-radius:4px;border-left:4px solid #2563eb}.calculation-details h4{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.platform-calculations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.platform-calc{background:var(--bg-color);padding:1rem;border-radius:6px;border:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.platform-calc strong{color:var(--text-color)}.score-ranges h4{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-color)}.score-range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.score-range{padding:.75rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;text-align:center;border:2px solid}.score-range.excellent{background:#dcfce7;color:#166534;border-color:#16a34a}.score-range.good{background:#dbeafe;color:#1e40af;border-color:#2563eb}.score-range.average{background:#fef3c7;color:#92400e;border-color:#f59e0b}.score-range.poor{background:#fef2f2;color:#991b1b;border-color:#dc2626}.dark-theme .score-range.excellent{background:#166534;color:#dcfce7}.dark-theme .score-range.good{background:#1e40af;color:#dbeafe}.dark-theme .score-range.average{background:#92400e;color:#fef3c7}.dark-theme .score-range.poor{background:#991b1b;color:#fef2f2}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-content{padding:5rem 1rem 1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.tab-navigation{overflow-x:auto;padding-bottom:.5rem}.tab{padding:.5rem .75rem;font-size:.8rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.chart-section,.chart-card,.table-section{padding:1rem}.chart-container,.chart-small{height:250px}.insights-grid{grid-template-columns:1fr}.performance-table,.inventory-table,.campaign-impact-table{font-size:.8rem}.performance-table th,.performance-table td,.inventory-table th,.inventory-table td,.campaign-impact-table th,.campaign-impact-table td{padding:.5rem}.chart-insights{padding:.75rem}.chart-insights p{font-size:.8rem}.interactive-legend{padding:.75rem}.legend-grid{grid-template-columns:1fr;gap:1rem}.legend-items{gap:.25rem}.legend-item{padding:.4rem .6rem;font-size:.8rem}.alert-section{flex-direction:column}.netsuite-section{gap:1rem}.api-setup-instructions,.netsuite-preview{padding:1rem}.placeholder-header{flex-direction:column;gap:.5rem;align-items:flex-start}.platform-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.platform-card{padding:1rem}.platform-header-card{margin-bottom:1rem}.platform-icon{width:35px;height:35px;font-size:1.25rem}.metric-value-large{font-size:1.5rem}.metric-value-medium{font-size:1rem}.campaign-controls{flex-direction:column;gap:1rem;padding:1rem}.campaign-select{min-width:auto}.engagement-legend{padding:1.5rem 0}.legend-container{padding:0 1rem}.calculation-breakdown{gap:1.5rem}.platform-calculations{grid-template-columns:1fr;gap:.75rem}.score-range-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}}@media (max-width: 480px){.dashboard-header h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.chart-container,.chart-small{height:200px}.platform-metrics-grid{grid-template-columns:1fr}.platform-card{padding:.75rem}.platform-header-card{gap:.5rem}.platform-icon{width:30px;height:30px;font-size:1rem}.platform-header-card h3{font-size:1rem}.metric-value-large{font-size:1.25rem}.metric-value-medium{font-size:.9rem}}