@charset "UTF-8";:root{--font-sans: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--color-primary: #FFA726;--color-primary-light: #FFCC80;--color-secondary: #1e1e1e;--color-accent: #FB8C00;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #64d2ff;--color-bg: #FDF9F4;--color-bg-alt: #f2f2f7;--color-surface: #ffffff;--color-border: #e5e5ea;--color-text: #1c1c1e;--color-text-muted: #6e6e73;--color-text-inverse: #ffffff;--transition-duration: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--spacing-0: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--mindmap-grid-color: rgba(255, 167, 38, .15)}[data-theme=dark]{--color-bg: #111827;--color-bg-alt: #1f2937;--color-surface: #1f2937;--color-border: #374151;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-text-inverse: #111827}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;overflow-y:auto}html{font-family:var(--font-sans);font-size:100%;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-alt);scroll-padding:32px}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin}body.marketing{--color-bg: #ffffff}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.25;margin-bottom:var(--spacing-md);font-weight:700}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-duration) var(--transition-ease)}a:hover{color:var(--color-secondary)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;border:2px solid #c8e6c9;box-shadow:0 0 0 2px #c8e6c94d;transition:border .2s ease,box-shadow .2s ease}button{cursor:pointer;border:none;background-color:transparent}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.container-full{max-width:none;margin-left:0;margin-right:0}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.grid{display:grid}.m-0{margin:var(--spacing-0)}.mt-0{margin-top:var(--spacing-0)}.mr-0{margin-right:var(--spacing-0)}.mb-0{margin-bottom:var(--spacing-0)}.ml-0{margin-left:var(--spacing-0)}.p-0{padding:var(--spacing-0)}.pt-0{padding-top:var(--spacing-0)}.pr-0{padding-right:var(--spacing-0)}.pb-0{padding-bottom:var(--spacing-0)}.pl-0{padding-left:var(--spacing-0)}.m-xs{margin:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-xs{margin-left:var(--spacing-xs)}.p-xs{padding:var(--spacing-xs)}.pt-xs{padding-top:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.p-sm{padding:var(--spacing-sm)}.pt-sm{padding-top:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.p-md{padding:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pl-md{padding-left:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-lg{margin-left:var(--spacing-lg)}.p-lg{padding:var(--spacing-lg)}.pt-lg{padding-top:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xl{margin-left:var(--spacing-xl)}.p-xl{padding:var(--spacing-xl)}.pt-xl{padding-top:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:9999px;font-weight:600;background-color:var(--color-bg);color:var(--color-primary);border:2px solid var(--color-primary);transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease)}.btn:hover{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-bg)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-blue{background-color:#00f;border-color:#00f;color:var(--color-text-inverse)}.btn-blue:hover{background-color:#00008b;border-color:#00008b;color:var(--color-text-inverse)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-shape-up{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-300px);opacity:0}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--transition-ease),transform .6s var(--transition-ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}html{scrollbar-width:25px;scrollbar-color:var(--color-border) var(--color-bg-alt)}::-webkit-scrollbar{width:25px;height:25px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.layout-header{position:sticky;top:0;z-index:1000;background-color:var(--color-bg);box-shadow:0 2px 4px #0000001a}.layout-header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.layout-nav{display:flex;gap:var(--spacing-lg)}.layout-nav-list{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.layout-nav-link{color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;background-color:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--transition-duration) var(--transition-ease),transform var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease);font-weight:500}.layout-nav-link:hover,.layout-nav-link-active{background-color:#fff6;color:var(--color-bg);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.admin-nav{margin-bottom:var(--spacing-md);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px}.admin-nav-list{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.admin-nav-link{color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease);font-weight:500}.admin-nav-link:hover,.admin-nav-link-active{background-color:#ffffff4d;color:var(--color-text-inverse)}.layout-menu-button{display:none}@media (max-width: 768px){.layout-menu-button{display:block}.layout-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background-color:var(--color-bg);transform:translateY(-200%);transition:transform var(--transition-duration) var(--transition-ease)}.layout-nav.layout-nav-open{transform:translateY(0)}.layout-nav-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);list-style:none;margin:0}}.header__logo-img{height:100px}.banner-slider{position:relative;overflow:hidden}.banner-image{width:100%;display:block;max-height:600px;object-fit:cover}.hero-banner{margin:-150px 0 0;padding:0}.site-image{width:100%;display:block;max-height:400px;object-fit:contain}.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);align-items:center;margin:var(--spacing-2xl) 0;text-align:center;justify-items:center}.purchase-grid{align-items:start;gap:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;line-height:1.6}.feature-limit{color:var(--color-warning);font-weight:600;text-align:right}.total-charge{font-size:1.25rem;font-weight:700;color:var(--color-warning);margin-bottom:var(--spacing-md)}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:var(--spacing-2xl) 0;text-align:center;justify-items:center}.three-column img{width:200px;height:auto;margin:0 auto var(--spacing-sm);display:block}.section--one-col{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);justify-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.section--two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);text-align:center;justify-items:center}.section--three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);text-align:center;justify-items:center}.bold-marketing-text{font-size:1.5rem;font-weight:700}.marketing-text-large{font-size:clamp(2rem,6vw,3rem);font-weight:800;text-align:center}.stacking-text span{display:inline-block}.mobile-linebreak{display:none}@media (max-width: 640px){.mobile-linebreak{display:block}}.mini-mindmap-container .btn{display:none}.ai-button{background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));color:#fff;padding:.5rem 1rem;border-radius:4px;display:inline-flex;align-items:center;gap:.25rem}.ai-button:after{content:"✨"}.ai-power{background:radial-gradient(circle at top left,var(--color-bg-alt),#fff7ed);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.faq{background-color:var(--color-bg);padding:var(--spacing-2xl) var(--spacing-lg)}.faq .container{width:80%;max-width:80%}.accordion{display:grid;gap:var(--spacing-md)}.accordion-item{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.accordion-header{width:100%;text-align:left;background:none;border:none;font-weight:600;padding:var(--spacing-sm) 0;cursor:pointer}.accordion-body{padding:var(--spacing-sm) 0}.shape{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.6;z-index:0}.hero-shape1{top:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle at center,var(--color-primary),transparent)}.hero-shape2{bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle at center,#d3d3d3,transparent);animation:hero-shape-up 10s linear infinite}.ai-power-shape{top:-100px;left:50%;transform:translate(-50%);width:800px;height:300px;background:radial-gradient(circle at center,var(--color-secondary),transparent)}.section{padding:var(--spacing-2xl) var(--spacing-lg);min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center}.section.section--one-col{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.section-bg-alt{background-color:var(--color-bg-alt)}.section-bg-primary-light{background-color:#0a84ff0d}.section-subtext{max-width:800px;margin-left:auto;margin-right:auto;text-align:center;color:var(--color-text);opacity:.8;font-size:1.125rem;margin-top:var(--spacing-sm)}.ai-copy,.hero-content p{font-size:1.125rem}.icon-row{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.icon-row img{width:200px;height:auto}.section .container{max-width:1200px;margin:0 auto}.hero{text-align:center;position:relative}.hero-content{position:relative;z-index:10;max-width:800px;margin-left:auto;margin-right:auto}.hero-title{display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}@media (max-width: 640px){.hero-title{flex-direction:column}}@media (max-width: 640px){.hero-banner{margin-top:-70px}}.header{position:sticky;top:0;z-index:1000;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000000d}.header__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:var(--spacing-md);margin:0 auto}.header__nav{display:flex;flex-grow:1;justify-content:center}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.header__actions--marketing{gap:15px}@media (max-width: 1024px){.header__actions--marketing{gap:30px}}.header__nav-list{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.header__nav-list--vertical{flex-direction:column;align-items:stretch;width:100%}.header__nav-list--vertical .header__nav-item{margin:20px 0}.header__nav-list--vertical .header__nav-link{width:100%}.header__nav-link{color:var(--color-text);padding:var(--spacing-lg);border-radius:0;background-color:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease);font-weight:500;text-align:center}.header__nav-link--active{background-color:var(--color-warning);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.header__nav-link:hover{background-color:#ffb14d;color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.header__toggle{display:none;flex-direction:column;gap:4px}.header__toggle-bar{width:24px;height:2px;background-color:var(--color-text)}@media (max-width: 1024px){.header__toggle{display:flex}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media (max-width: 768px){.feature-grid{grid-template-columns:repeat(1,1fr)}}.feature-card{background-color:var(--color-surface);border-radius:8px;padding:var(--spacing-lg);text-align:center;box-shadow:0 1px 3px #0000000d;transition:transform var(--transition-duration) var(--transition-ease)}.feature-card:hover{transform:translateY(-4px)}.feature-card__icon{width:200px;height:auto;margin:0 auto var(--spacing-md);display:block}.pricing-content{background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto;box-shadow:0 2px 6px #0000000d;text-align:center}.site-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--color-bg-alt)}.footer{padding:var(--spacing-lg) var(--spacing-md);background-color:var(--color-bg-alt)}.footer__content{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.footer__links{list-style:none;display:flex;gap:var(--spacing-lg);padding:0;margin-top:var(--spacing-sm);justify-content:center}.footer__links li{margin:0}.todo-demo,.mindmap-demo,.kanban-demo{justify-items:center;text-align:center}.kanban-demo .kanban-scroll-area{overflow-x:auto;padding-bottom:1rem}.kanban-demo .kanban-board{flex-wrap:nowrap;justify-content:flex-start;width:max-content;padding-right:0}.mindmap-demo{max-width:1200px;margin:0 auto}.todo-card,.mindmap-card,.kanban-card{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:8px;box-shadow:0 1px 3px #0000000d;width:100%;max-width:300px}.todo-list,.mindmap-list,.kanban-list{list-style:none;padding:0;margin:var(--spacing-sm) 0 0;text-align:left}.todo-item,.mindmap-item,.kanban-item{margin-bottom:var(--spacing-sm)}.assignee{opacity:.6}.todo-upgrade,.mindmap-upgrade,.kanban-upgrade{margin-top:30px}.mindmap-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.demo-title{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-md);text-align:center}.demo-sub{font-size:1.25rem;margin-bottom:var(--spacing-lg);text-align:center}.mindmap-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:var(--spacing-lg);width:100%;justify-items:center}@media (max-width: 640px){.mindmap-grid{grid-template-columns:1fr}}.mindmap-svg{width:320px;height:320px}.mindmap-text-block{max-width:320px;line-height:1.4}.root-text,.node-text{fill:#000;font-weight:600;font-size:.8rem}.todo-demo{max-width:800px;margin:0 auto}.todo-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:var(--spacing-lg);justify-items:center}.kanban-board{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;min-width:max-content;padding-right:100px;padding-bottom:100px;min-height:calc(100vh - 80px)}.kanban-lane{background-color:var(--color-bg-alt);padding:var(--spacing-md);border-radius:8px;display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0;width:200px;max-height:none}@media (max-width: 640px){.kanban-board{grid-template-columns:1fr}}@media (max-width: 640px){.todo-grid{grid-template-columns:1fr}}.sparkle{margin-right:var(--spacing-xs)}.mindmap-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;z-index:1}.mindmap-bg-small{width:350px;height:350px;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);z-index:1}.mindmap-bg{width:100%;height:100%}:root{--mindmap-color: rgba(255, 165, 0, .4);--mindmap-grid-color: rgba(255, 167, 38, .15)}.about-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);align-items:center;justify-items:center;margin:var(--spacing-xl) auto;max-width:1000px}.about-section img{width:400px;height:400px;object-fit:cover;border-radius:8px}.about-section.reverse{direction:rtl}.about-section.reverse>*{direction:ltr}.about-hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.about-section>div{text-align:center}.about-section ul{margin-top:var(--spacing-sm);list-style:disc;padding-left:var(--spacing-lg);text-align:left}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;margin-left:auto;margin-right:auto}.checkout-form .form-input{width:100%}.payment-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.btn-paypal{background-color:#ffc439;border-color:#ffc439;color:#111}.btn-paypal:hover{background-color:#ffb347;border-color:#ffb347;color:#111}.form-card{position:relative;background-color:var(--color-surface);border-radius:16px;box-shadow:0 8px 30px #0000001f;background-image:linear-gradient(135deg,var(--color-bg),var(--color-bg-alt));padding:var(--spacing-xl);max-width:420px;margin-left:auto;margin-right:auto}.offer-card{position:relative;background-color:var(--color-surface);border-radius:16px;box-shadow:0 2px 6px #0000000d;padding:var(--spacing-xl);max-width:420px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-xl)}.form-field{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-alt);transition:border-color var(--transition-duration) var(--transition-ease)}.form-input:focus{border:2px solid #c8e6c9;outline:none;box-shadow:0 0 0 2px #c8e6c94d}.form-input.form-error{border-color:var(--color-error)}.mindmap-arm{position:absolute;width:1200px;height:100px;pointer-events:none;opacity:.4;z-index:1}.mindmap-arm.left{left:0;top:0}.mindmap-arm.right{right:0;bottom:0}.section-icon{width:200px;margin:0 auto var(--spacing-md);display:block}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem)}.login-form{width:100%}.profile-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem)}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto var(--spacing-md)}.profile-details p{margin:.25rem 0}.profile-details strong{display:inline-block;width:140px}@media (max-width: 1024px){.header__nav{display:none}.hero-banner{margin-top:-150px;padding-top:50px;padding-bottom:50px;text-align:center}.banner-image{width:100%;max-width:100%;height:auto}.site-image,.section-icon,.feature-card__icon,.about-section img{width:80%;max-width:80%;height:auto}.about-section{grid-template-columns:1fr}.about-section.reverse img{order:-1}.two-column,.purchase-grid{grid-template-columns:1fr}.purchase-grid>.form-card{order:-1}.section-subtext{font-size:1.125rem}.bold-marketing-text{font-size:1.25rem}}.mobile-menu{position:relative;z-index:1100}.mobile-menu__button{padding:var(--spacing-sm);border-radius:50%;background-color:var(--color-primary);color:var(--color-bg);border:none;box-shadow:0 4px 12px #00000026;transition:transform var(--transition-duration) var(--transition-ease)}.mobile-menu__button:hover{transform:translateY(-2px)}.mobile-menu__overlay{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:1200;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-4xl);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 64px);overflow-y:auto;animation:fade-in var(--transition-duration) var(--transition-ease)}.mobile-menu__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);width:100%}.mobile-menu__item{width:100%;text-align:center}.mobile-menu__link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);border-radius:9999px;background-color:var(--color-primary);color:var(--color-bg);font-weight:600;box-shadow:0 4px 10px #0000001a;transition:background-color var(--transition-duration) var(--transition-ease),transform var(--transition-duration) var(--transition-ease)}.mobile-menu__link:hover{background-color:var(--color-warning);transform:translateY(-2px)}.mobile-menu__login{margin-top:var(--spacing-lg);color:var(--color-primary);font-weight:600}.mobile-menu__close{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;border:none;background-color:var(--color-primary);color:var(--color-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.desktop-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.desktop-menu__list{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.desktop-menu__link{color:var(--color-text);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-duration) var(--transition-ease)}.desktop-menu__link:hover{color:var(--color-primary)}.desktop-menu__login{color:var(--color-primary);font-weight:600}@media (max-width: 768px){.desktop-menu{display:none}}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background-image:linear-gradient(135deg,var(--color-bg),var(--color-bg-alt))}.not-found__logo{max-width:150px;height:auto}.not-found__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin:0}.not-found__message{font-size:1.25rem;color:var(--color-text-muted);max-width:600px}.not-found__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:200px;background-color:var(--color-bg-alt);padding:var(--spacing-lg) var(--spacing-md);position:relative;overflow:visible}@media (max-width: 768px){.app-sidebar{position:fixed;top:0;left:0;width:35vw;height:100%;z-index:1000;padding-top:60px}.app-sidebar nav>ul:first-of-type>li:first-child{margin-top:50px}.sidebar-drawer-toggle{position:absolute;top:10px;right:-20px;left:auto;transform:none;z-index:1100}}.app-sidebar.closed{overflow:visible}.app-sidebar.closed .sidebar-drawer-toggle{z-index:1200}.app-sidebar.closed nav{display:none}.sidebar-drawer-toggle{position:absolute;top:10px;right:-20px;left:auto;width:40px;height:40px;border-radius:50%;background-color:#4b5563;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:1200;transform:none}.sidebar-drawer-toggle span{font-size:24px;line-height:1}.app-sidebar ul{list-style:none;padding:0;margin:0}.app-sidebar li+li{margin-top:var(--spacing-sm)}.app-sidebar a{display:block;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;color:var(--color-text)}.app-sidebar a.active{background-color:var(--color-warning);color:var(--color-text-inverse)}.app-content{flex:1;padding:var(--spacing-lg)}@media (max-width: 768px){body.sidebar-open .app-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-duration) var(--transition-ease)}}.app-sidebar .admin-links,.app-sidebar .account-links{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.app-sidebar .upgrade-btn{width:100%;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-warning);border-radius:9999px;background:none;color:var(--color-warning);margin-bottom:var(--spacing-sm)}.app-sidebar .upgrade-btn:hover{background-color:var(--color-warning);color:var(--color-text-inverse)}.app-sidebar .trial-day{display:block;text-align:center;color:var(--color-warning);font-weight:600;margin-bottom:var(--spacing-xs)}.app-sidebar .signout-btn{width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;background:none;color:var(--color-text)}.app-sidebar .signout-btn:hover{background-color:var(--color-warning);color:var(--color-text-inverse)}.dashboard-page{padding:var(--spacing-xl) var(--spacing-lg)}.dashboard-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:2.5rem}.dashboard-title .dashboard-logo{height:auto;width:75px;vertical-align:middle}@media (max-width: 640px){.dashboard-title{flex-direction:column}.dashboard-title .dashboard-logo{margin-bottom:var(--spacing-sm)}}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}@media (min-width: 768px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-metrics-row{display:grid;gap:2rem;padding:2rem 1rem;grid-template-columns:1fr}@media (min-width: 768px){.dashboard-metrics-row{grid-template-columns:repeat(3,1fr)}}.metric-card{background:#fffdf9;border:1px solid #ffa500;border-radius:12px;flex:1 1 28%;padding:1.5rem;box-shadow:0 2px 6px #0000000f;text-align:left}.metric-card .metric-title{font-size:1.25rem;margin-bottom:.5rem}.metric-card .metric-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#ff8400}.metric-card p{margin:.25rem 0;font-size:.9rem}.dashboard-grid{display:flex;flex-direction:column;gap:2rem;padding:2rem}.dashboard-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);grid-auto-rows:1fr;align-items:stretch}.dashboard-tile{background:linear-gradient(135deg,#fff9,#e6f0ff4d);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);box-shadow:0 2px 6px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-sm);min-height:200px;height:100%;overflow-y:hidden}.dashboard-tile.can-create{background-color:#fff8ec80;border-color:var(--color-warning);border-style:dashed}.dashboard-tile .tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.dashboard-tile .tile-title{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-tile .tile-header h2{font-size:1.5rem;margin:0}.dashboard-tile .tile-link{font-size:.8rem;color:var(--color-primary);text-decoration:underline}.dashboard-tile .tile-footer{margin-top:auto;text-align:center}.dashboard-tile .btn-create{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:4px;padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-duration) var(--transition-ease)}.dashboard-tile .btn-create:hover{background-color:var(--color-warning)}.metric-tile{background:linear-gradient(135deg,#1e3a8acc,#4f46e566);border:1px solid rgba(79,70,229,.6);border-radius:12px;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);min-height:120px;height:100%;color:var(--color-text-inverse);box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric-tile.simple{flex-direction:column;align-items:center;text-align:center;min-height:auto}.metric-tile .sparkline{width:100%}.trend-label{margin-top:.25rem;font-size:.75rem;color:#fffc}.metric-tile h3{margin:0;font-size:1.2rem;color:var(--color-text-inverse)}.metric-tile p{margin:0;font-size:.75rem;color:#fffc}.metric-circle{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:var(--color-text-inverse);font-size:1.25rem;display:flex;align-items:center;justify-content:center;font-weight:600;margin:.5rem auto}.metric-total{margin-top:-.25rem;font-size:.75rem;color:#fffc;text-align:center}.metric-left{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.metric-header{display:flex;align-items:center;gap:var(--spacing-xs)}.metric-header.stacked{flex-direction:column;align-items:center}.metric-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.dashboard-page .metric-left,.dashboard-page .metric-right{flex:0 0 50%;max-width:50%}.dashboard-page .metric-right.metric-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.metric-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);padding-right:var(--spacing-sm)}.tile-stats{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.metric-detail{background:#fff;border-radius:8px;border:1px solid #ccc;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;box-shadow:0 2px 4px #00000026;color:#000}.metric-detail .label{display:block;color:#555;font-size:.75rem}.metric-detail .value{font-weight:600;font-size:.9rem;color:#000}.sparkline{width:100%;height:32px;margin-left:0}.tiles-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.create-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.tiles-grid{grid-template-columns:repeat(3,1fr)}}.four-col-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (min-width: 1024px){.four-col-grid{grid-template-columns:repeat(4,1fr)}}.tile{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:space-between;max-height:240px;min-height:200px;overflow-y:hidden}.tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.tile-body{flex-grow:1;font-size:.9rem;color:var(--color-text)}.tile-actions{display:flex;flex-direction:column;align-items:flex-end}.tile-actions .tile-link{margin-top:var(--spacing-xs);font-size:.85rem;color:var(--color-primary);text-decoration:underline}.tile-actions .btn{margin-top:var(--spacing-xs)}.tile-actions .delete-link{color:var(--color-error)}.recent-list{list-style:none;padding:0}.recent-list li{margin-bottom:var(--spacing-xs);font-size:.85rem}.recent-list li a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-duration) var(--transition-ease)}.recent-list li a:hover{color:var(--color-secondary)}.dashboard-list-preview{list-style:none;padding:0}.dashboard-list-preview li{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.85rem}.dashboard-link{color:var(--color-primary);text-decoration:none}.dashboard-link:hover{color:var(--color-secondary)}.dashboard-subtext{color:var(--color-text-muted);font-size:.8rem}.dashboard-empty{font-size:.85rem;color:var(--color-text-muted)}.create-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;background-color:#fff8ec;border:1px solid #fbd8a8;box-shadow:0 1px 4px #0000000d}.create-tile button{margin-top:var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-ease)}.create-tile button:hover{background-color:#2563eb}.ghost-tile{border:2px dashed var(--color-border);background-color:transparent;min-height:120px;opacity:.5}.open-tile{border:1px dashed #fbd8a8;background:linear-gradient(135deg,#f8f8f8,#fff8ec)}.open-tile .tile-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.open-tile .tile-body p{margin-top:.5rem}.tile-header-center{text-align:center;margin-bottom:1rem}.tile-header-center h2{margin-bottom:.5rem}.tile-header-center .btn-primary{display:block;margin:.5rem auto}.tile-header-center .tile-link{display:block;margin-top:.5rem;font-size:.9rem;color:#007aff;text-decoration:underline}.create-help{font-size:.9rem;color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1300;animation:fade-in .3s var(--transition-ease)}.modal{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:16px;border:1px solid var(--color-border);width:100%;max-width:480px;box-shadow:0 10px 40px #00000040}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes outline-flash{0%{box-shadow:0 0 0 0 var(--color-primary)}to{box-shadow:0 0 0 4px transparent}}.dashboard-page{animation:fade-in .6s var(--transition-ease)}.tile.clicked{animation:outline-flash .4s var(--transition-ease);border-radius:8px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:4px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-duration) var(--transition-ease)}.btn-wide{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.btn-small{padding:.25rem .5rem;font-size:.85rem}.btn-plus{margin-right:var(--spacing-xs);font-weight:600}.btn-primary:hover{background-color:var(--color-warning)}.btn-ai{position:relative;color:#fff;border:none;border-radius:4px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;background:linear-gradient(90deg,#a855f7,#22c55e);background-size:200% 200%;animation:gradient-flow 4s ease infinite}.btn-ai:after{content:"✨";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;animation:sparkle 1.5s ease-in-out infinite}.fancy-modal{background:linear-gradient(135deg,#fff,#f3e8ff)}.empty-map-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;font-size:1.2rem;color:#555;pointer-events:none}.empty-map-message button{margin-top:12px;pointer-events:auto}.tile-header button{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-ease)}.tile-header button:hover{background-color:var(--color-warning)}.fancy-modal{position:relative;animation:modal-pop .4s var(--transition-ease) both;border:2px solid var(--color-primary)}.fancy-modal .flare-line{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--color-warning);transform:scale(0);animation:draw-border .3s forwards}.fade-item{opacity:0;animation:fade-item .5s forwards}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-item{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-border{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.3)}}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-actions button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px}.form-actions .btn-cancel{background-color:var(--color-border);color:var(--color-text)}.form-actions .btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);transition:background-color var(--transition-duration) var(--transition-ease)}.form-actions .btn-primary:hover{background-color:var(--color-warning)}.form-actions .btn-ai{background-image:linear-gradient(90deg,#8b5cf6,#10b981);color:var(--color-text-inverse);border:none}.form-actions .btn-ai:hover{opacity:.9}.workspace-page .tabs{margin-bottom:var(--spacing-lg)}.workspace-page .tabs button{margin-right:var(--spacing-sm)}.todo-canvas .todo-form input{margin-right:4px}.kanban-canvas{display:flex;position:relative;flex-direction:column;min-height:calc(100vh - 80px);overflow-x:auto;overflow-y:auto}.kanban-canvas .card-form{margin-bottom:var(--spacing-sm)}.kanban-canvas .kanban-board{display:flex;flex-direction:row;gap:1rem;scrollbar-gutter:stable}.kanban-canvas .kanban-lane{flex:0 0 200px;display:flex;flex-direction:column;max-height:none;background:var(--color-surface);padding:var(--spacing-sm);border-radius:4px}.todo-canvas{max-width:720px;margin:0 auto;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center}.todo-logo{height:70px;width:auto;margin-bottom:.5rem}.todo-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:.25rem;color:#1f1f1f}.todo-description{font-size:1rem;color:#555;margin-bottom:1.5rem;text-align:center;max-width:600px}.todo-placeholder.tile{background:#e0e0e0;border-radius:8px;height:3rem;margin:.5rem 0;width:100%}.todo-placeholder-list{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column}.todo-list{width:min(700px,80%);margin:0 auto;display:flex;flex-direction:column;align-items:center}.todo-add-circle{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:none;cursor:pointer;margin-top:1rem}.todo-add-form{display:flex;width:min(600px,80%);margin:1rem auto;gap:.5rem}.todo-add-form input{flex-grow:1;padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:8px}.todo-empty-message{margin-top:1rem;font-size:1rem;color:var(--color-text)}.todo-title-below{margin-top:.5rem;font-size:1.25rem}.done-adding-link{margin-top:.5rem;font-size:.85rem;color:var(--color-primary);text-decoration:underline;background:none;border:none;cursor:pointer}.todo-map-link{margin-top:.5rem;font-size:.9rem;display:block;color:var(--color-primary);text-decoration:underline}.add-todo-button-wrapper{margin-top:2rem}.todo-item{width:min(700px,80%);display:flex;align-items:center;padding:1rem;border-radius:.75rem;background:#f4f4f8;margin-bottom:1rem}.todo-item.completed{opacity:.6;text-decoration:line-through}.todo-title{margin-left:.75rem;font-size:3rem;font-weight:500;cursor:pointer}.editable-title{margin-left:.75rem;flex:1}.done-divider{margin:2rem 0 .5rem;border:none;border-top:2px dashed #ccc;width:100%}.done-header{margin-bottom:1rem;font-weight:600;color:#888;width:100%}.kanban-board{display:flex;gap:1.5rem;padding:2rem;overflow-x:auto}.kanban-lane{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.kanban-card{background-color:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;position:relative;transition:background-color .2s ease}.kanban-card .kanban-title{font-size:14px;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.kanban-card.past-due{background-color:#ffe5e5}.kanban-card.todo-linked{background-color:#e6ffe6}.kanban-actions .todo-link{text-decoration:none;font-size:1rem;margin-left:.25rem}.kanban-title{font-weight:600;margin-bottom:.25rem}.kanban-meta{display:flex;gap:.5rem;align-items:center;font-size:.8rem}.priority-badge{background:#f5f5f5;padding:.2rem .5rem;border-radius:6px}.priority-badge.low{background:#e0f7fa}.priority-badge.medium{background:#fff3cd}.priority-badge.high{background:#f8d7da}.due-date{background:#f5f5f5;padding:.2rem .5rem;border-radius:6px}.due-date.overdue{background-color:#fcc;font-weight:700}.kanban-actions{display:flex;gap:.5rem;margin-top:auto}.action-button{font-size:.9rem;background:none;border:1px solid #eee;padding:.25rem .5rem;border-radius:8px;cursor:pointer;color:#666;transition:background .2s;filter:grayscale(100%)}.action-button:hover{background:#f0f0f0}.lane-title{font-weight:700;margin-bottom:.5rem}.btn-secondary{background:#fdba74;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer}.lane-title-edit{display:flex;align-items:center;gap:.25rem}.lane-title-edit input{flex:1;padding:.25rem .5rem;font-size:.9rem}.save-btn{background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;line-height:1}.kanban-header{display:flex;justify-content:space-between;align-items:center;height:80px;background:linear-gradient(135deg,#fffc,#fff3);padding:12px 24px;border:1px solid rgba(255,255,255,.3);margin-bottom:16px;box-shadow:0 4px 10px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;position:sticky;top:0;z-index:10}.header-left{display:flex;gap:16px;align-items:center}.kanban-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;box-shadow:0 0 10px #4facfe80;color:#fff}.kanban-title{margin:0;font-size:1.5rem;font-weight:600}.kanban-description{margin:0;font-size:.9rem;color:#888}.canvas-header{max-width:960px;margin:2rem auto 1rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.canvas-header-left{display:flex;align-items:center}.canvas-title{font-size:1.8rem;font-weight:700;margin-left:.5rem}.canvas-logo{width:36px;height:36px}.header-right .settings-button{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer}.header-right .settings-button:hover{color:#374151}.kanban-board-container{width:100%;flex:1;min-width:0;overflow-x:auto;overflow-y:auto;display:flex;align-items:flex-start;white-space:nowrap;padding:0 1rem .5rem;scrollbar-gutter:stable;scrollbar-width:25px;scrollbar-color:#c1c1c1 #f1f1f1;-ms-overflow-style:scrollbar}.kanban-scrollbar{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;height:25px;margin-bottom:.5rem;-ms-overflow-style:scrollbar;scrollbar-width:25px;scrollbar-color:#c1c1c1 #f1f1f1}.kanban-scrollbar::-webkit-scrollbar{height:25px;width:25px}.kanban-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.kanban-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:12px;border:4px solid #f1f1f1}.kanban-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kanban-scrollbar::-webkit-scrollbar-corner{background:#f1f1f1}.kanban-board-container::-webkit-scrollbar{height:25px;width:25px}.kanban-board-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.kanban-board-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:12px;border:4px solid #f1f1f1}.kanban-board-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kanban-board-container::-webkit-scrollbar-corner{background:#f1f1f1}@media (max-width: 768px){.kanban-board-container{height:calc(100vh - 100px)}.kanban-board{padding:.5rem;gap:.5rem}}.kanban-scroll-spacer{min-width:2rem;flex-shrink:0}.kanban-board{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;min-width:max-content;padding-right:2rem;padding-bottom:2rem;min-height:calc(100vh - 80px)}.kanban-lane{flex:0 0 200px;display:flex;flex-direction:column;max-height:none}.lane{flex-shrink:0;background:#f9fafb;border-radius:6px;box-shadow:0 0 4px #0000000f;display:flex;flex-direction:column;height:auto;position:relative}.lane-header-bar{height:5px;width:100%;border-top-left-radius:6px;border-top-right-radius:6px}.done-bar{background-color:#60a5fa}.in-progress-bar{background-color:#6ee7b7}.other-bar{background-color:#fcd34d}.lane:not(:last-child):after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:1px;background:#0000000d}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;margin-bottom:12px;box-shadow:0 1px 5px #0000000d;transition:transform .2s}.card:hover{transform:scale(1.02);box-shadow:0 6px 14px #ffa72626}.card-overdue{background:#fef2f2;border-color:#fca5a5}.card-badges{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.75rem;margin-bottom:.5rem}.badge{display:inline-block;padding:2px 6px;border-radius:9999px;font-weight:600}.priority-high{background:#fee2e2;color:#b91c1c}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#d1fae5;color:#065f46}.badge-assignee{background:#dbeafe;color:#1e40af}.badge-due{background:#f3f4f6;color:#374151}.badge-due.overdue{background:#fecaca;color:#b91c1c}.card-buttons{display:flex;gap:.5rem;margin-top:.5rem}.btn-edit{background:var(--color-primary);color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer}.btn-edit:hover{background:#e68a20}.btn-comments{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);padding:.25rem .75rem;border-radius:4px;cursor:pointer}.btn-comments:hover{background:#fff7ed}.card-header{display:flex;justify-content:flex-end;margin-bottom:8px}.priority{display:inline-block;padding:2px 6px;font-size:12px;font-weight:600;border-radius:6px;color:#fff}.priority.high{background:#e53935}.priority.medium{background:#fbc02d}.priority.low{background:#43a047}.card-title{font-size:16px;font-weight:600;margin:0 0 6px}.card-description{font-size:14px;color:#666;margin:0}.edit-icon{cursor:pointer;font-size:14px;opacity:.6}.add-lane{display:flex;align-items:center;justify-content:center}.lane-header{padding:12px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;position:relative}.lane-title-input{font-weight:700;font-size:16px;border:none;background:transparent;flex:1;min-width:0;padding:2px 24px 2px 4px;margin-right:0}.lane-delete{background:none;border:none;cursor:pointer;font-size:18px;padding:2px;line-height:1;position:absolute;top:6px;right:6px;z-index:2}.lane.done .lane-title-input,.lane.done .lane-delete{display:none}.add-lane-button{background:#60a5fa;color:#fff;border:none;padding:10px 16px;border-radius:6px;margin-left:16px;font-weight:500;cursor:pointer;transition:background .2s}.add-lane-button:hover{background:#3b82f6}.card-modal{background:#fff;border-radius:10px;padding:24px;width:480px;box-shadow:0 12px 36px #0003;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:16px}.input,.select,.textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.card-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card-actions{display:flex;justify-content:flex-end;gap:10px}.button{border:none;border-radius:6px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer}.button.orange{background:#ffa726;color:#fff}.button.blue{background:#1d72f3;color:#fff}.card-links{font-size:.875rem}.comment{margin-bottom:.5rem}.comment span{font-size:.75rem;color:#666}.input-styled,.textarea-styled{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.textarea-styled{min-height:80px;resize:vertical}.btn-save,.btn-post,.btn-cancel{border:none;border-radius:6px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer}.btn-post{background:var(--color-primary);color:#fff}.btn-save{background:var(--color-success);color:#fff}.btn-cancel{background:var(--color-border)}.btn-danger{background:#fbe9e7;border:1px solid #f44336;color:#c62828}.btn-danger:hover{background:#ffcdd2}.linked-section{font-size:.875rem}.empty-canvas-modal .modal{background:var(--color-surface);text-align:center;padding:2rem;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 8px 30px #00000026}.empty-canvas-modal{display:flex;align-items:center;justify-content:center}[data-theme=dark] .empty-canvas-modal .modal{background:var(--color-bg-alt)}.empty-canvas-modal p{margin-bottom:1rem}.team-page{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem}.form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 20px #0000000f;margin-bottom:2.5rem}.placeholder-row{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.placeholder-tile{width:160px;height:100px;border:2px dashed #ddd;border-radius:8px;opacity:.4}n .dashboard-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;padding:1rem}@media (max-width: 900px){.dashboard-tile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-tile-grid{grid-template-columns:1fr}}.card{background:linear-gradient(135deg,#fff6,#ffffff1a);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 6px 14px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-duration) var(--transition-ease);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000014}.card-header{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-primary)}.dashboard-icon{font-size:2rem;filter:grayscale(100%);margin-right:var(--spacing-xs)}.card-body{flex:1 1 auto}.btn-create{background:var(--color-primary);color:var(--color-text-inverse);padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer}.recent-links{list-style:none;padding:0;margin-top:.5rem}.recent-links li{margin-bottom:.5rem}.recent-links a{color:var(--color-primary);text-decoration:none}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.card-more{color:var(--color-primary);font-size:.875rem;text-decoration:underline}.card-subtitle{margin-top:.75rem;font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.node-toolbox{display:grid;grid-template-columns:repeat(2,40px);gap:6px;padding:6px;border-radius:10px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d;pointer-events:none}.node-toolbox-button{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-inverse);box-shadow:0 2px 6px #00000040;cursor:pointer;transition:transform .2s,background-color .2s;pointer-events:auto}.node-toolbox-button:hover{transform:scale(1.1);background:var(--color-warning)}.mindmap-node{opacity:0;animation:fade-in .5s var(--transition-ease) forwards;cursor:pointer;transform-origin:center}.mindmap-node-circle{fill:var(--color-primary-light);stroke:var(--color-primary);stroke-width:2px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));transition:transform .2s var(--transition-ease),stroke .2s var(--transition-ease)}.mindmap-node:hover .mindmap-node-circle{stroke:var(--color-accent)}.mindmap-node.has-todo .mindmap-node-circle{fill:#e0e7ff;stroke:#6366f1}.mindmap-node.todo-complete .mindmap-node-circle{fill:#d1fae5;stroke:var(--color-success)}.mindmap-center-glow{fill:url(#center-glow);pointer-events:none}.mindmap-node text{fill:var(--color-text);font-family:var(--font-sans);font-weight:500}.mindmap-edge{stroke:var(--color-primary);stroke-width:1.5px;stroke-linecap:round;stroke-opacity:.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.modal-content,.modal-container{background:var(--color-surface);border-radius:1rem;box-shadow:0 10px 40px #0003;padding:2rem;width:100%;max-width:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:slide-up .3s var(--transition-ease);z-index:100}.card-section,.modal-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.section-title{font-size:1rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.25rem}.comment-modal{position:relative;width:100%;height:75vh;background:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001a;box-sizing:border-box}.comment-feed{flex:1;overflow-y:auto;padding-right:8px;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.comment-bubble{background-color:#f5f5f5;padding:.75rem 1rem;border-radius:10px;max-width:80%;position:relative;animation:fade-item .3s forwards}.comment-bubble.me{align-self:flex-end;background-color:#e6f7ff}.comment-meta{font-size:.8rem;color:#888;display:flex;justify-content:space-between;margin-bottom:4px}.comment-text{font-size:.95rem}.comment-input-bar{display:flex;align-items:center;gap:.5rem;border-top:1px solid #eee;padding:1rem}.comment-input-bar textarea{flex:1;width:100%;box-sizing:border-box;resize:none;height:2.5rem;padding:.75rem;font-size:.95rem;border-radius:8px;border:1px solid #ccc}.send-button{background-color:#ff9d33;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;flex-shrink:0;font-weight:700}.mention{color:var(--color-primary);font-weight:600}.todo-heading{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem}.todo-completion{font-weight:600;color:#ffa726;margin-bottom:1rem;font-size:1.1rem}.todo-list{list-style:none;padding-left:0}.todo-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #eee}.todo-row:hover .todo-actions{opacity:1}.todo-title{flex:1;cursor:pointer}.todo-row.completed .todo-title{text-decoration:line-through;opacity:.6}.todo-inline-input{flex:1;border:none;font-size:1rem;padding:.25rem .5rem;border-radius:4px;background:#f8f8f8}.todo-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.todo-divider{border:none;border-top:1px dashed #ccc;margin:1.5rem 0 .5rem}.show-more-btn{margin-top:.5rem;background:none;border:none;color:#007aff;cursor:pointer}.todo-block{width:min(700px,80%);margin:0 auto .5rem;display:flex;align-items:center;padding:.75rem 1rem;border-radius:10px;background:#f9faff;border:1px solid #e3e8f0;box-shadow:0 1px 2px #0000000a;transition:background .2s}.todo-block:hover{background:#f1f6ff}.todo-block.completed .todo-text{text-decoration:line-through;opacity:.6}.todo-checkbox{margin-right:1rem;flex-shrink:0}.todo-text{flex-grow:1;margin-left:.75rem;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.todo-edit-input{flex-grow:1;font-size:1rem;border:1px solid #ccc;padding:.4rem;border-radius:6px}.todo-icons{display:flex;gap:5px;margin-left:auto}.circle-icon{width:36px;height:36px;background:#3b3b3b;color:#e0e0e0;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .2s}.circle-icon:hover{background:#4c4c4c}.circle-icon span{filter:grayscale(100%)}.todo-add-block{width:min(600px,80%);margin:1rem auto 2rem;text-align:center}.todo-add-wrapper{width:min(600px,80%);margin:1.5rem auto .5rem}.todo-add-form{display:flex;width:min(600px,80%);gap:.5rem;margin:0 auto}.todo-add-input{flex:1;padding:.6rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:8px}.todo-add-button{background:#ffa726;color:#fff;font-weight:600;border:none;border-radius:8px;padding:0 1.5rem;cursor:pointer}.done-link{font-size:.85rem;color:#ff9100;cursor:pointer;margin-top:.5rem;text-decoration:underline}.done-heading{font-size:.9rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#666}.show-more{background:none;border:none;color:#007aff;cursor:pointer;margin-top:.5rem}.limit-tile p{margin:.25rem 0;font-weight:600}.sidebar-metrics{margin:1rem 0;width:100%;border-collapse:collapse;font-size:.8rem}.sidebar-metrics tr+tr{border-top:1px solid var(--color-border)}.sidebar-metrics td{padding:.25rem 0}.sidebar-metrics .metric-value{text-align:right;font-weight:600}@media (max-width: 500px){.todo-list,.todo-block,.todo-add-form,.todo-add-wrapper{width:90%;margin-left:auto;margin-right:auto}.todo-block{flex-direction:column;align-items:flex-start}.todo-text{margin-bottom:.5rem}.todo-icons{margin-left:0;align-self:flex-end;margin-top:.25rem}.todo-add-form{justify-content:center}}@media (max-width: 1024px){#mindmap-container,.mindmap-canvas-wrapper{height:calc(100vh - 60px);overflow:hidden}.mindmap-canvas{width:100%;height:100%;touch-action:pan-x pan-y}}@media (max-width: 768px){#mindmap-container,.mindmap-canvas-wrapper{height:calc(100vh - 60px);padding:0;margin:0}}.users-table{width:100%;border-collapse:collapse;margin-top:1rem}.users-table th,.users-table td{text-align:left;padding:.75rem 1rem}.users-table thead{background:var(--color-primary-light);color:#333}.users-table tbody tr:nth-child(2n){background:#fff7e6}.analytics-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media (min-width: 700px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}.analytic-tile{background:#fff;border:1px solid #eee;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.analytic-tile h2{margin:0 0 .5rem;font-size:1.1rem}.tile-value{font-size:2rem;font-weight:600;color:var(--color-primary);margin:0 0 1rem}