.task-form input[type=date],.task-form input[type=text],.task-form select,.task-form textarea{background:#18181b;color:#e4e4e7;border:1px solid #27272a;border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s;outline:none;box-shadow:none}.task-form input[type=date]:focus,.task-form input[type=text]:focus,.task-form select:focus,.task-form textarea:focus{border-color:#6366f1}.task-form input[type=date]:disabled,.task-form input[type=text]:disabled,.task-form select:disabled,.task-form textarea:disabled{background:#23232b;color:#888;cursor:not-allowed}.task-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23e4e4e7" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25em;padding-right:2.5rem}.task-form option{background:#18181b;color:#e4e4e7}*{margin:0;padding:0}body{background:#0d0d0d;color:#e4e4e7}main{min-height:100vh}.navigation{background:#0d0d0d;color:white;box-shadow:0 1px 0 rgba(255,255,255,.05);position:sticky;top:0;z-index:1000;border-bottom:1px solid #27272a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:70px}.nav-brand a{text-decoration:none;color:white}.nav-brand h1{margin:0;font-size:1.5rem;font-weight:700}.nav-brand .tagline{font-size:.75rem;opacity:.9;display:block;margin-top:.25rem}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-links li a{color:white;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;display:inline-block}.nav-links li a:hover{background:rgba(255,255,255,.2)}.nav-links li a.active{background:rgba(255,255,255,.3);font-weight:600}.landing-page{width:100%;background:#0d0d0d;color:#e4e4e7}.hero{background:linear-gradient(180deg,#0d0d0d,#1a1a1f);padding:6rem 2rem 8rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0,rgba(99,102,241,.1) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-content.left-aligned{text-align:left}.hero-content h1{font-size:4rem;line-height:1.1;margin:0 0 1.5rem;font-weight:600;color:#ffffff;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#a1a1aa;max-width:700px;margin:0 0 3rem}.hero-cta{display:flex;gap:1rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}.btn{gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;border:none}.btn-hero{background:#6366f1;color:white}.btn-hero:hover{background:#5558e3;transform:translateY(-2px);box-shadow:0 12px 24px rgba(99,102,241,.3)}.btn-secondary-hero{background:transparent;color:#e4e4e7;border:1px solid #3f3f46}.btn-secondary-hero:hover{background:#18181b;border-color:#52525b}section{padding:6rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header.left-aligned{text-align:left}.section-header.left-aligned .section-subtitle,.section-header.left-aligned h2{text-align:left;margin-left:0}.section-header h2{font-size:2.5rem;font-weight:600;color:#ffffff;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:#a1a1aa;max-width:600px;margin:0 auto}.get-started-section{background:linear-gradient(180deg,#1a1a1f,#0f0f14);border-top:1px solid #27272a}.showcase-wrapper{position:relative;width:100%}.showcase-navigation{gap:1rem;margin-top:2rem}.carousel-nav,.showcase-navigation{display:flex;justify-content:center}.carousel-nav{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#a5b4fc;align-items:center;cursor:pointer;transition:all .2s ease;padding:0}.carousel-nav:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.3);transform:scale(1.05)}.carousel-nav:active{transform:scale(.95)}.feature-showcase{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:1rem;padding-left:calc((100vw - 1200px) / 2 + 2rem);padding-right:2rem;width:100%}.feature-showcase::-webkit-scrollbar{display:none}.showcase-card{background:linear-gradient(135deg,#18181b,#1f1f23);border:1px solid #27272a;border-radius:16px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;min-height:400px;flex:0 0 350px}.showcase-card:hover{border-color:#3f3f46;transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.showcase-icon{width:48px;height:48px;border-radius:12px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#a5b4fc}.showcase-icon.green{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#86efac}.showcase-icon.blue{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#93c5fd}.showcase-icon.red{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#fca5a5}.showcase-icon.purple{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.2);color:#c4b5fd}.showcase-icon.orange{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.2);color:#fdba74}.showcase-card h3{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:.75rem}.showcase-card p{color:#a1a1aa;line-height:1.6;margin-bottom:1.5rem}.feature-list{list-style:none;padding:0;margin:1.5rem 0;flex:1}.feature-list li{padding:.5rem 0;color:#d4d4d8;display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem}.feature-list li:before{content:"→";color:#6366f1;font-weight:700;flex-shrink:0}.showcase-link{display:inline-flex;align-items:center;gap:.5rem;color:#a5b4fc;font-weight:500;text-decoration:none;transition:gap .2s ease;margin-top:auto}.showcase-link:hover{gap:.75rem}.status-badge{display:block;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-top:auto;text-align:center;width:100%}.status-badge.available{background:rgba(34,197,94,.1);color:#86efac;border:1px solid rgba(34,197,94,.2)}.status-badge.coming-soon{background:rgba(161,161,170,.1);color:#d4d4d8;border:1px solid rgba(161,161,170,.2)}.why-section{background:linear-gradient(180deg,#0f0f14,#1a1a1f);border-top:1px solid #27272a}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{padding:0}.benefit-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(99,102,241,.05));border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#a5b4fc}.benefit-card h3{font-size:1.25rem;font-weight:600;color:#ffffff;margin-bottom:.75rem}.benefit-card p{color:#a1a1aa;line-height:1.6;font-size:.9375rem}.tech-stack-section{background:linear-gradient(180deg,#1a1a1f,#0d0d0d);border-top:1px solid #27272a;padding-bottom:8rem}.tech-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tech-card{padding:0}.tech-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(99,102,241,.05));border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#a5b4fc}.tech-card h4{font-size:1.25rem;font-weight:600;color:#ffffff;margin-bottom:.75rem}.tech-card p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.375rem .75rem;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:.8125rem;color:#d4d4d8;font-weight:500}@media (max-width:1024px){.showcase-navigation{display:none}}@media (max-width:768px){.nav-container{flex-direction:column;padding:1rem;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.nav-links li a{font-size:.9rem;padding:.4rem .8rem}.hero{padding:6rem 1.5rem 8rem}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}section{padding:4rem 0}.section-header h2{font-size:2rem}.benefits-grid,.feature-showcase,.tech-showcase{grid-template-columns:1fr;gap:1.25rem}.showcase-card{padding:1.5rem}}@media (max-width:480px){.hero-content h1{font-size:2rem}.section-header h2{font-size:1.75rem}}html{scroll-behavior:smooth}::selection{background:rgba(99,102,241,.3);color:#ffffff}.docs-page{background:#0d0d0d;min-height:100vh;padding:4rem 0}.docs-hero{text-align:center;margin-bottom:4rem;padding-inline:clamp(.5rem,2vw,1rem)}.docs-hero h1{font-size:3rem;color:#ffffff;margin-bottom:1rem}.docs-subtitle{font-size:1.25rem;color:#a1a1aa;max-width:700px;margin:0 auto;line-height:1.65}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:2rem;margin-bottom:4rem}.docs-card{background:linear-gradient(135deg,#18181b,#1f1f23);border:1px solid #27272a;border-radius:16px;padding:clamp(1.25rem,3vw,2rem);transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;min-width:0}.docs-card:hover{border-color:#3f3f46;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.4)}.docs-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.docs-card-icon.purple{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);color:#c4b5fd}.docs-card-icon.green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}.docs-card-icon.blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#93c5fd}.docs-card-icon.orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2);color:#fdba74}.docs-card-icon.red{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.docs-card-icon.indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#a5b4fc}.docs-card h2{font-size:1.5rem;color:#ffffff;margin-bottom:.75rem}.docs-card p{color:#a1a1aa;line-height:1.6;margin-bottom:1.5rem;flex:1}.docs-link{color:#a5b4fc;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:gap .2s ease}.docs-card:hover .docs-link{gap:.75rem}.docs-quick-links{margin-top:4rem}.docs-quick-links h2{font-size:2rem;color:#ffffff;margin-bottom:2rem}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem}.quick-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#18181b;border:1px solid #27272a;border-radius:12px;text-decoration:none;transition:all .2s ease}.quick-link:hover{border-color:#3f3f46;transform:translateX(4px)}.quick-link span{font-size:2rem}.quick-link h3{font-size:1rem;color:#ffffff;margin:0 0 .25rem}.quick-link p{font-size:.875rem;color:#a1a1aa;margin:0}.docs-content{background:#0d0d0d}.docs-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:2rem;color:#a1a1aa}.docs-breadcrumb a{color:#a5b4fc;text-decoration:none}.docs-breadcrumb a:hover{text-decoration:underline}.docs-article{width:min(100%,1200px);margin:0 auto}.docs-article>*{max-width:100%}.docs-article h1{font-size:3rem;color:#ffffff;margin-bottom:1rem}.docs-article .lead{font-size:1.25rem;color:#a1a1aa;line-height:1.6;margin-bottom:3rem}.docs-article h2{font-size:2rem;color:#ffffff;margin:3rem 0 1rem;padding-top:1rem;border-top:1px solid #27272a}.docs-article h2:first-of-type{border-top:none;padding-top:0}.docs-article h3{font-size:1.5rem;color:#ffffff;margin:2rem 0 1rem}.docs-article h4{font-size:1.25rem;color:#ffffff;margin:1.5rem 0 .75rem}.docs-article p{overflow-wrap:anywhere}.docs-article ol,.docs-article p,.docs-article ul{color:#d4d4d8;line-height:1.8;margin-bottom:1.5rem}.docs-article ol,.docs-article ul{padding-left:2rem}.docs-article li{margin-bottom:.5rem;overflow-wrap:anywhere}.docs-article code{background:#18181b;padding:.25rem .5rem;border-radius:4px;font-size:.9em;color:#a5b4fc;font-family:Courier New,monospace;overflow-wrap:anywhere;word-break:break-word}.docs-article pre{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;max-width:100%;-webkit-overflow-scrolling:touch}.docs-article pre code{background:none;padding:0;color:#e4e4e7;font-size:.875rem;line-height:1.6}.docs-article section{padding:3rem 0;border-top:1px solid #27272a}.docs-article section:first-of-type{padding-top:2rem;border-top:none}.code-block-wrapper{background:#18181b;border:1px solid #27272a;border-radius:8px;margin:1.5rem 0;overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;background:#0f0f11;border-bottom:1px solid #27272a}.code-block-language{font-size:.75rem;color:#71717a;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.code-block-copy-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #27272a;color:#a1a1aa;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.code-block-copy-button:hover{background:#27272a;color:#e4e4e7;border-color:#3f3f46}.code-block-copy-button svg{color:currentColor}.code-block-copy-text{font-weight:500}.code-block-wrapper pre{margin:0;padding:1.5rem;background:#18181b;border:none;border-radius:0;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.code-block-wrapper pre code{display:block;font-size:.875rem;line-height:1.6;color:#e4e4e7}.code-block-wrapper .token.cdata,.code-block-wrapper .token.comment,.code-block-wrapper .token.doctype,.code-block-wrapper .token.prolog{color:#71717a}.code-block-wrapper .token.punctuation{color:#a1a1aa}.code-block-wrapper .token.boolean,.code-block-wrapper .token.constant,.code-block-wrapper .token.deleted,.code-block-wrapper .token.number,.code-block-wrapper .token.property,.code-block-wrapper .token.symbol,.code-block-wrapper .token.tag{color:#f87171}.code-block-wrapper .token.attr-name,.code-block-wrapper .token.builtin,.code-block-wrapper .token.char,.code-block-wrapper .token.inserted,.code-block-wrapper .token.selector,.code-block-wrapper .token.string{color:#86efac}.code-block-wrapper .language-css .token.string,.code-block-wrapper .style .token.string,.code-block-wrapper .token.entity,.code-block-wrapper .token.operator,.code-block-wrapper .token.url{color:#fbbf24}.code-block-wrapper .token.atrule,.code-block-wrapper .token.attr-value,.code-block-wrapper .token.keyword{color:#a78bfa}.code-block-wrapper .token.class-name,.code-block-wrapper .token.function{color:#60a5fa}.code-block-wrapper .token.important,.code-block-wrapper .token.regex,.code-block-wrapper .token.variable{color:#fb923c}.docs-article a{color:#a5b4fc;text-decoration:none}.docs-article a:hover,.inline-link{text-decoration:underline}.inline-link{color:#a5b4fc}.info-box{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1.5rem;margin:2rem 0;color:#d4d4d8}.info-box strong{color:#93c5fd}.docs-toc{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.5rem;margin:2rem 0}.docs-toc h3{font-size:1rem;color:#ffffff;margin:0 0 1rem}.docs-toc ul{list-style:none;padding:0;margin:0}.docs-toc li{margin-bottom:.5rem}.docs-toc a{color:#a5b4fc;text-decoration:none;font-size:.9375rem}.docs-toc a:hover{text-decoration:underline}.comparison-table{overflow-x:auto;margin:2rem 0;max-width:100%;-webkit-overflow-scrolling:touch}.comparison-table table{width:max-content;min-width:100%;border-collapse:collapse;background:#18181b;border:1px solid #27272a;border-radius:8px;overflow:hidden}.comparison-table th{background:#1f1f23;color:#ffffff;text-align:left;font-weight:600}.comparison-table td,.comparison-table th{padding:1rem;border-bottom:1px solid #27272a}.comparison-table td{color:#d4d4d8}.comparison-table tr:last-child td{border-bottom:none}.learning-path{margin:2rem 0}.path-step{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#18181b;border:1px solid #27272a;border-radius:12px}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content h3{margin:0 0 .5rem;color:#ffffff}.step-content p{margin-bottom:1rem;color:#a1a1aa}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.choice-card{padding:1.5rem;background:#18181b;border:1px solid #27272a;border-radius:12px;text-align:center}.choice-card h4{font-size:1.25rem;color:#ffffff;margin:0 0 .5rem}.choice-card p{color:#a1a1aa;margin-bottom:1rem}.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.step-card{padding:1.5rem;background:#18181b;border:1px solid #27272a;border-radius:12px;text-decoration:none;transition:all .2s ease}.step-card:hover{border-color:#3f3f46;transform:translateY(-2px)}.step-card h3{font-size:1.25rem;color:#ffffff;margin:0 0 .5rem}.step-card p{color:#a1a1aa;margin:0}.docs-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid #27272a}.nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#e4e4e7;text-decoration:none;font-weight:500;transition:all .2s ease}.nav-btn:hover{background:#1f1f23;border-color:#3f3f46}.nav-btn.prev{margin-right:auto}.nav-btn.next{margin-left:auto}.docs-page-navigation{margin-top:4rem;padding-top:2rem;border-top:1px solid #27272a}.docs-nav-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.docs-page-navigation .docs-nav-link{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#18181b;border:1px solid #27272a;border-radius:8px;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.docs-page-navigation .docs-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#71717a,#a1a1aa);transform:scaleX(0);transition:transform .3s ease}.docs-page-navigation .docs-nav-link:hover:before{transform:scaleX(1)}.docs-page-navigation .docs-nav-link:hover{background:#1f1f23;border-color:#3f3f46;transform:translateY(-2px)}.docs-nav-direction{font-size:.75rem;color:#71717a;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.docs-nav-title{font-size:1rem;color:#e4e4e7;font-weight:500}.docs-nav-prev{grid-column:1}.docs-nav-prev .docs-nav-direction:before{content:"← "}.docs-nav-next{grid-column:2;text-align:right}.docs-nav-next .docs-nav-direction:after{content:" →"}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9375rem;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none}.btn-primary{background:#27272a;color:white;border:1px solid #3f3f46}.btn-primary:hover{background:#3f3f46;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#e4e4e7;border:1px solid #3f3f46}.btn-secondary:hover{background:#18181b;border-color:#52525b}@media (max-width:768px){.docs-hero{margin-bottom:2.5rem}.docs-hero h1{font-size:2.25rem}.docs-subtitle{font-size:1.0625rem}.docs-grid,.docs-nav-wrapper,.quick-links-grid{grid-template-columns:1fr}.docs-card:hover,.docs-page-navigation .docs-nav-link:hover{transform:none}.docs-article h1{font-size:2rem}.docs-article .lead{font-size:1.125rem;margin-bottom:2rem}.docs-article h2{font-size:1.5rem;margin-top:2.25rem}.docs-article h3{font-size:1.25rem}.docs-article section{padding:2rem 0}.docs-article ol,.docs-article ul{padding-left:1.25rem}.code-block-wrapper pre,.docs-article pre{padding:1rem}.comparison-table{margin-inline:-.25rem}.comparison-table td,.comparison-table th{white-space:nowrap}.info-box{padding:1rem}.path-step{flex-direction:column;text-align:center}.step-number{margin:0 auto}.docs-navigation{flex-direction:column}.docs-nav-wrapper{gap:.75rem}.docs-nav-next,.docs-nav-prev{grid-column:auto;text-align:left}.nav-btn.next,.nav-btn.prev{margin:0;width:100%;justify-content:center}}@media (max-width:480px){.docs-grid{gap:1rem}.docs-card h2{font-size:1.25rem}.docs-article h1{font-size:1.75rem}.docs-article .lead{font-size:1rem}.docs-article h2{font-size:1.35rem}.docs-article ol,.docs-article p,.docs-article ul{line-height:1.65}.code-block-copy-text{display:none}}.header-content{justify-content:space-between;gap:1rem}.header-content,.header-controls{display:flex;align-items:center;flex-wrap:wrap}.header-controls{gap:.75rem}.header-controls .btn,.header-controls .btn-secondary{margin-top:0}.task-help-panel{margin-bottom:24px;border:1px solid #27272a;border-radius:14px;background:linear-gradient(180deg,#1a1a1f,#121216);box-shadow:0 18px 40px rgba(0,0,0,.24);overflow:hidden}.task-help-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 18px;border-bottom:1px solid #27272a}.task-help-panel-header h2{margin:0 0 6px;color:#f4f4f5;font-size:1.15rem}.task-help-panel-header p{margin:0;color:#a1a1aa}.task-help-panel-close{white-space:nowrap}.task-help-iframe{display:block;width:100%;min-height:520px;border:0;background:#0d0d0d}.error-banner-actions{display:inline-flex;align-items:center;gap:12px}.error-retry-button{min-width:88px}.task-toast-stack{position:fixed;top:24px;right:24px;z-index:1200;display:flex;flex-direction:column;gap:12px;width:min(360px,calc(100vw - 32px))}.task-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid #3f3f46;box-shadow:0 14px 40px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.task-toast-content{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.task-toast--success{background:rgba(20,83,45,.95);color:#dcfce7;border-color:#22c55e}.task-toast--error{background:rgba(69,10,10,.95);color:#fecaca;border-color:#ef4444}.task-toast--info{background:rgba(30,41,59,.96);color:#dbeafe;border-color:#38bdf8}.task-toast-message{margin:0;font-size:.95rem;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.task-toast-action{align-self:flex-start;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.9rem;font-weight:600;line-height:1.3;padding:0;text-decoration:underline;text-underline-offset:2px}.task-toast-action:hover{opacity:.9}.task-toast-close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1.35rem;line-height:1;padding:0;opacity:.72;flex-shrink:0}.task-toast-close:hover{opacity:1}@media (max-width:640px){.task-toast-stack{top:16px;right:16px;left:16px;width:auto}}.task-form-warning{color:#fbbf24;font-size:12px;display:block;margin-top:5px}.task-form-date-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.task-form-date-preset{padding:.45rem .75rem;font-size:.85rem}.task-date-value{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.task-date-value.is-overdue{color:#fca5a5;font-weight:600}.task-overdue-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(239,68,68,.14);color:#fca5a5;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.task-checklist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.task-checklist-add,.task-checklist-remove{white-space:nowrap}.task-checklist-display-list,.task-checklist-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.task-checklist-row{display:flex;align-items:center;gap:12px}.task-checklist-row>input[type=text]{flex:1}.task-checklist-toggle{display:inline-flex;align-items:center;gap:8px;min-width:72px;color:#d1d5db}.task-checklist-toggle input{width:auto;padding:0;margin:0;border:none;box-shadow:none;accent-color:#3498db;flex:0 0 auto}.task-checklist-display-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #333;border-radius:8px;background:rgba(255,255,255,.02)}.task-checklist-display-item.is-done .task-checklist-display-text{color:#9ca3af;text-decoration:line-through}.task-checklist-display-status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.task-checklist-display-text{color:#f3f4f6}@media (max-width:640px){.task-checklist-header,.task-checklist-row{flex-direction:column;align-items:stretch}.task-checklist-add,.task-checklist-remove{width:100%}}*{box-sizing:border-box}.App{min-height:100vh;color:#ffffff}.App,body{background-color:#0a0a0a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.home-page{max-width:1400px;margin:0 auto;padding:30px 20px}.page-header{margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:15px}.page-header h1{color:#ffffff;font-size:32px;margin:0;font-weight:600}.error-banner,.error-message{background-color:#3d1a1a;color:#ff6b6b;padding:15px 20px;border-radius:6px;margin-bottom:20px;border-left:4px solid #ff6b6b;display:flex;justify-content:space-between;align-items:center}.error-close{background:none;border:none;color:#ff6b6b;font-size:24px;cursor:pointer;padding:0;margin-left:15px;line-height:1}.error-close:hover{color:#ff8888}.required{color:#e74c3c}.error-text{color:#ff6b6b;font-size:12px;display:block;margin-top:5px}.error-input{border-color:#ff6b6b!important}.char-count{display:block;text-align:right;font-size:12px;color:#666;margin-top:5px}.scorecards-container,.scorecards-row{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:nowrap}.scorecard{flex:1;background-color:#1a1a1a;border-radius:8px;padding:20px;border:1px solid #333;transition:all .3s ease}.scorecard-clickable{cursor:pointer}.scorecard-clickable:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.scorecard-active{border-color:#3498db;background-color:#1e2a3a;box-shadow:0 4px 12px rgba(52,152,219,.3)}.scorecard:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.scorecard-title{color:#999;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:500}.scorecard-count{font-size:36px;font-weight:700;line-height:1}.action-bar,.task-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;flex-wrap:nowrap}.btn-add-task{padding:12px 24px;border-radius:6px;border:1px solid #666;background-color:#0a0a0a;color:#ffffff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-task:hover{background-color:#1a1a1a;border-color:#999;transform:translateY(-1px)}.search-bar{flex:1;max-width:600px;display:flex;gap:15px;align-items:center}.view-mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid #333;border-radius:10px;background:#121212}.view-mode-button{border:0;border-radius:8px;background:transparent;color:#a1a1aa;font-size:13px;font-weight:600;padding:10px 14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-mode-button:hover{color:#ffffff;background:#1a1a1a}.view-mode-button.active{background:#2563eb;color:#ffffff;box-shadow:0 10px 22px rgba(37,99,235,.28)}.search-input{flex:1;background-color:#1a1a1a}.search-input,.status-filter{padding:12px 16px;border:1px solid #333;border-radius:6px;color:#ffffff;font-size:14px;transition:all .2s ease}.status-filter{background-color:#0a0a0a;cursor:pointer;font-weight:500;min-width:150px}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-input::placeholder{color:#666}.btn{padding:12px 24px;border-radius:6px;border:1px solid #666;background-color:#0a0a0a;color:#ffffff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{background-color:#1a1a1a;border-color:#999;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{border-color:#666;background-color:#27272a}.btn-primary:hover{border-color:#999;background-color:#3f3f46}.btn-danger{border-color:#e74c3c}.btn-danger:hover{border-color:#ec7063}.btn-secondary{background-color:#0a0a0a;border-color:#666;color:#ffffff}.btn-secondary:hover{background-color:#1a1a1a;border-color:#999}.table-container,.task-table-container{background-color:#1a1a1a;border-radius:8px;border:1px solid #333;overflow:hidden}.task-table{width:100%;border-collapse:separate;border-spacing:0 8px}.task-table thead{background-color:#0f0f0f;border-bottom:2px solid #333}.task-table th{text-align:left;padding:16px;color:#999;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;user-select:none}.task-table th.sortable{cursor:pointer}.task-table th.sortable:hover{color:#ffffff;background-color:#1a1a1a}.task-table tbody tr{border:1px solid #333;border-radius:8px;transition:all .15s ease}.task-table tbody tr:nth-child(2n){background-color:#141414}.task-table tbody tr:focus-within,.task-table tbody tr:hover{background-color:#202020;border-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 8px rgba(52,152,219,.2)}.task-table td{padding:14px 16px;color:#e0e0e0;font-size:14px;border:none}.task-table tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.task-table tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.task-table td.title-cell{font-weight:500;color:#ffffff;word-break:break-word;max-width:260px}.task-table td.description-cell{color:#999;max-width:320px}.task-table td.labels-cell{color:#a1a1aa;max-width:220px;overflow-wrap:anywhere;word-break:break-word}.task-table td.date-cell{min-width:110px}.task-table td.centered{text-align:center}.task-table td.no-tasks{text-align:center;padding:60px 20px;color:#666}.expand-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:12px;padding:0;text-decoration:underline;margin-top:4px}.expand-btn:hover{color:#5dade2}.description-expanded{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.description-collapsed{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;isolation:isolate}.board-column{background:linear-gradient(180deg,#121212,#171717);border:1px solid #333;border-radius:14px;padding:18px;min-height:420px}.board-column-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.board-column-title{margin:0;font-size:16px;font-weight:700;color:#ffffff}.board-column-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;background:rgba(37,99,235,.16);color:#93c5fd;font-size:13px;font-weight:700}.board-column-body{display:flex;flex-direction:column;gap:14px;min-height:220px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:12px;position:relative}.board-column-body.is-drop-target{background:rgba(37,99,235,.08);box-shadow:inset 0 0 0 1px rgba(59,130,246,.45)}.board-empty-state{margin:0;padding:22px 16px;border:1px dashed #3f3f46;border-radius:12px;color:#71717a;text-align:center;background:rgba(24,24,27,.75)}.board-task-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:12px;background:#1a1a1a;border:1px solid #2f2f2f;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:box-shadow .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;cursor:grab;touch-action:none;position:relative;z-index:0;will-change:transform}.board-task-card:not(.is-dragging):focus-within,.board-task-card:not(.is-dragging):hover{border-color:rgba(96,165,250,.65);box-shadow:0 16px 34px rgba(15,23,42,.32);transform:translateY(-1px)}.board-task-card.is-dragging{opacity:.55;border-color:#3b82f6;box-shadow:0 18px 36px rgba(15,23,42,.35);cursor:grabbing;z-index:30}.board-task-footer,.board-task-header,.board-task-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.board-task-title{margin:0;font-size:16px;font-weight:600;color:#ffffff}.board-task-description{margin:0;color:#a1a1aa;font-size:14px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.board-task-meta{flex-direction:column;align-items:flex-start}.board-task-meta-item{color:#8d99ae;font-size:12px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.board-task-footer,.status-dropdown{align-items:center}.status-dropdown{padding:8px 12px;background-color:#0a0a0a;border:1px solid #333;border-radius:4px;color:#ffffff;font-size:13px;cursor:pointer;font-weight:600;transition:all .2s ease;height:36px;display:inline-flex}.status-dropdown:hover{border-color:#555}.status-dropdown:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.status-dropdown option{background-color:#1a1a1a;color:#ffffff}.priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:.35rem .75rem;border-radius:999px;border:1px solid transparent;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.priority-low{background:rgba(148,163,184,.18);border-color:rgba(148,163,184,.35);color:#cbd5e1}.priority-medium{background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.35);color:#bfdbfe}.priority-high{background:rgba(249,115,22,.16);border-color:rgba(251,146,60,.35);color:#fdba74}.priority-urgent{background:rgba(239,68,68,.16);border-color:rgba(248,113,113,.35);color:#fca5a5}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center;padding:4px;border:1px solid transparent;border-radius:999px;background:rgba(10,10,10,.35);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.board-task-card:not(.is-dragging):focus-within .action-buttons,.board-task-card:not(.is-dragging):hover .action-buttons,.task-table tbody tr:focus-within .action-buttons,.task-table tbody tr:hover .action-buttons{background:rgba(15,23,42,.58);border-color:rgba(96,165,250,.35);box-shadow:0 8px 22px rgba(15,23,42,.22);transform:translateY(-1px)}.action-tooltip-wrapper{position:relative;display:inline-flex}.context-menu{position:fixed;display:flex;flex-direction:column;min-width:220px;padding:8px;border:1px solid #3f3f46;border-radius:12px;background:rgba(18,18,18,.98);box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:60}.context-menu-item{border:none;border-radius:8px;background:transparent;color:#f4f4f5;cursor:pointer;font-size:14px;font-weight:600;padding:10px 12px;text-align:left;transition:background-color .15s ease,color .15s ease}.context-menu-item:focus-visible,.context-menu-item:hover{background:rgba(59,130,246,.16);color:#ffffff;outline:none}.context-menu-item.is-danger{color:#fca5a5}.context-menu-item.is-danger:focus-visible,.context-menu-item.is-danger:hover{background:rgba(239,68,68,.14);color:#fee2e2}.action-tooltip-bubble{bottom:calc(100% + 8px);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:max-content;max-width:180px;padding:6px 10px;border-radius:8px;border:1px solid #3f3f46;color:#f4f4f5;font-size:12px;line-height:1.2;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.3);pointer-events:none;z-index:30}.action-tooltip-bubble,.action-tooltip-bubble:after{position:absolute;left:50%;background:rgba(24,24,27,.96)}.action-tooltip-bubble:after{content:"";top:100%;width:10px;height:10px;border-right:1px solid #3f3f46;border-bottom:1px solid #3f3f46;transform:translate(-50%,-50%) rotate(45deg)}.btn-icon{padding:0;font-size:13px;width:36px;min-width:36px;border-radius:6px;border:1px solid #666;background-color:#0a0a0a;color:#ffffff;font-weight:500;cursor:pointer;transition:all .2s ease;height:36px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-icon:focus-visible{outline:2px solid #f8fafc;outline-offset:2px}.action-icon{width:16px;height:16px;flex-shrink:0}.btn-icon:hover{background-color:#1a1a1a;border-color:#999;transform:translateY(-1px)}.btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-icon.btn-primary{border-color:#666;background-color:#0a0a0a}.btn-icon.btn-primary:hover:not(:disabled){border-color:#999;background-color:#1a1a1a}.btn-icon.btn-secondary{border-color:#666;background-color:#0a0a0a}.btn-icon.btn-secondary:hover:not(:disabled){border-color:#999;background-color:#1a1a1a}.btn-icon.btn-danger{border-color:#e74c3c}.btn-icon.btn-danger:hover:not(:disabled){border-color:#ec7063}.task-form-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:30px 20px}.form-container{background-color:#1a1a1a;border-radius:8px;padding:30px;border:1px solid #333;width:100%;max-width:800px}.form-container h1{margin-top:0;margin-bottom:24px;color:#ffffff}.task-form{width:100%}.form-group{margin-bottom:24px}.form-group-radio-fieldset{border:0;padding:0;min-width:0}.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.form-label-row label{margin-bottom:0}.field-help{position:relative;flex-shrink:0}.field-help,.field-help-trigger{display:inline-flex;align-items:center}.field-help-trigger{width:28px;height:28px;border-radius:999px;border:1px solid #4b5563;background:rgba(15,23,42,.9);color:#e5e7eb;cursor:pointer;font-size:.95rem;font-weight:700;line-height:1;justify-content:center;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.field-help-trigger:hover{border-color:#60a5fa;background:rgba(30,41,59,.98);transform:translateY(-1px)}.field-help-trigger:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.field-help-popover{top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 64px));padding:14px 16px;border-radius:12px;border:1px solid #334155;box-shadow:0 18px 42px rgba(0,0,0,.32);z-index:40}.field-help-popover,.field-help-popover:before{position:absolute;background:rgba(15,23,42,.98)}.field-help-popover:before{content:"";right:10px;bottom:calc(100% - 6px);width:12px;height:12px;border-top:1px solid #334155;border-left:1px solid #334155;transform:rotate(45deg)}.field-help-title{display:block;margin-bottom:10px;color:#f8fafc;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-help-list{margin:0;padding-left:18px;color:#dbeafe;display:grid;gap:8px;font-size:.86rem;line-height:1.45}.field-help-list strong{color:#f8fafc}.form-label-text{display:block;color:#999;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.priority-radio-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.priority-radio-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #333;border-radius:8px;background:rgba(10,10,10,.72);color:#e5e7eb;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.priority-radio-option:hover{border-color:#4b5563;background:rgba(17,24,39,.88);transform:translateY(-1px)}.priority-radio-option.is-selected{border-color:#60a5fa;background:rgba(30,41,59,.96);color:#f8fafc}.priority-radio-option.is-disabled{opacity:.6;cursor:not-allowed;transform:none}.priority-radio-option input[type=radio]{margin:0;width:14px;height:14px;flex-shrink:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:#60a5fa}.priority-radio-option span{margin-left:2px;font-size:13px;font-weight:500;line-height:1.1;white-space:nowrap}.priority-radio-option input[type=radio]:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}@media (max-width:900px){.priority-radio-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.priority-radio-group{grid-template-columns:1fr}}.form-group label{display:block;color:#999;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background-color:transparent;border:1px solid #333;border-radius:6px;color:#ffffff;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #1a1a1a!important;-webkit-text-fill-color:#ffffff!important;border:1px solid #333!important}.form-group input[type=date],input.date-input{color-scheme:dark;background-color:transparent}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #333;justify-content:flex-start}.loading{text-align:center;padding:60px 20px;color:#999;font-size:16px}@keyframes task-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes task-inline-spinner-rotate{to{transform:rotate(1turn)}}.task-skeleton-block{display:block;border-radius:999px;background:linear-gradient(90deg,rgba(51,65,85,.7),rgba(71,85,105,.95) 50%,rgba(51,65,85,.7));background-size:200% 100%;animation:task-skeleton-shimmer 1.5s ease-in-out infinite}.task-list-skeleton{display:flex;flex-direction:column;gap:14px;padding:8px 0 24px}.task-list-skeleton-table{display:flex;flex-direction:column;gap:12px}.task-list-skeleton-row{display:grid;grid-template-columns:32px minmax(180px,2.5fr) minmax(96px,1fr) minmax(96px,1fr) minmax(128px,1.2fr) minmax(120px,1.1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:12px;background:rgba(24,24,27,.72);border:1px solid #27272a}.task-list-skeleton-row--header{background:rgba(12,12,14,.7)}.task-skeleton-block--checkbox{width:18px;height:18px;border-radius:6px}.task-skeleton-block--title{height:18px;width:78%}.task-skeleton-block--meta{height:16px;width:100%}.task-skeleton-block--date{height:16px;width:88%}.task-skeleton-block--actions{height:32px;width:100%}.task-detail-skeleton{display:flex;flex-direction:column;gap:20px}.task-detail-skeleton-section{display:flex;flex-direction:column;gap:10px}.task-detail-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.task-detail-skeleton-item{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:rgba(24,24,27,.72);border:1px solid #27272a}.task-detail-skeleton-heading{display:flex;flex-direction:column;gap:10px}.task-skeleton-block--eyebrow{width:96px;height:11px}.task-skeleton-block--detail-title{width:52%;height:26px}.task-skeleton-block--detail-line{width:100%;height:14px}.task-skeleton-block--detail-line-short{width:74%}.task-skeleton-block--label{width:72px;height:11px}.task-skeleton-block--value{width:80%;height:15px}.task-skeleton-block--section-title{width:180px;height:18px}.task-comment-progress{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#cbd5f5;font-size:13px;font-weight:500}.task-inline-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(191,219,254,.28);border-top-color:#93c5fd;animation:task-inline-spinner-rotate .8s linear infinite}@media (max-width:900px){.task-list-skeleton-row{grid-template-columns:minmax(120px,1.8fr) minmax(80px,1fr) minmax(96px,1fr)}.task-list-skeleton-row .task-skeleton-block--checkbox,.task-list-skeleton-row .task-skeleton-block--date,.task-list-skeleton-row .task-skeleton-block--meta:nth-of-type(2){display:none}}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h3{color:#999;margin-bottom:10px;font-size:20px}.empty-state p{color:#666;font-size:14px}.task-card,.task-cards-container{display:none}@media (max-width:768px){.home-page{padding:20px 12px}.page-header h1{font-size:24px}.task-help-panel-header{flex-direction:column;align-items:stretch}.task-help-iframe{min-height:640px}.scorecards-container,.scorecards-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scorecard{padding:16px}.scorecard-title{font-size:12px}.scorecard-count{font-size:28px}.action-bar{flex-direction:column}.btn-add-task{width:100%}.search-bar{max-width:100%;gap:8px}.view-mode-toggle{width:100%}.view-mode-button{flex:1;justify-content:center}.status-filter{min-width:130px}.task-board{grid-template-columns:1fr}.board-column{min-height:auto}.board-task-footer{flex-direction:column;align-items:stretch}.board-task-footer .action-buttons{justify-content:flex-start}.table-container,.task-table-container{display:none!important}.task-card,.task-cards-container{display:block}.task-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:12px}.task-card:hover{border-color:#555}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.task-card-title{font-size:16px;font-weight:600;color:#ffffff;flex:1}.task-card-status .status-dropdown{padding:6px 10px;font-size:11px;min-width:110px}.task-card-description{color:#999;font-size:14px;margin-bottom:12px}.task-card-description.collapsed{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #333;margin-bottom:12px}.task-card-priority{display:flex;align-items:center;gap:8px}.task-card-meta-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.task-card-date{color:#666;font-size:13px}.task-card-actions{.task-card-labels{color:#a1a1aa;font-size:13px;overflow-wrap:anywhere;word-break:break-word}display:block;padding-top:12px;border-top:1px solid #333}.task-card-actions .btn-icon{width:40px;min-width:40px;height:40px}.task-form-page{padding:20px 12px}.form-container{padding:20px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.pagination{justify-content:space-between;padding:1rem;background-color:#2d3748;border-radius:8px;margin-top:1rem;gap:1rem}.pagination,.pagination-info{display:flex;align-items:center;flex-wrap:wrap}.pagination-info{gap:1.5rem}.pagination-count{color:#a0aec0;font-size:.875rem}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{color:#a0aec0;font-size:.875rem}.page-size-select{padding:.375rem .75rem;background-color:#1a202c;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#667eea;background-color:#2d3748}.page-size-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.5rem .875rem;background-color:#4a5568;color:#e2e8f0;border:none;border-radius:4px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{background-color:#2d3748;color:#4a5568;cursor:not-allowed;opacity:.5}.pagination-page-info{color:#e2e8f0;font-size:.875rem;font-weight:500;padding:0 .5rem;min-width:120px;text-align:center}@media (max-width:768px){.pagination{flex-direction:column;gap:1rem}.pagination-info{width:100%;flex-direction:column;gap:.75rem;align-items:flex-start}.pagination-controls{width:100%;justify-content:center}.pagination-page-info{min-width:100px}.page-size-selector{width:100%;justify-content:space-between}}.footer{background:#0d0d0d;border-top:1px solid rgba(255,255,255,.05);padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{text-align:center;color:#a1a1aa}.footer-content p{margin:.5rem 0;font-size:.9rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:.5rem}.footer-links a{color:#6366f1;text-decoration:none}.footer-links a:hover{color:#818cf8}.api-selector-group{display:flex;align-items:center;gap:.5rem}.api-selector-group label{color:#cbd5e0;font-size:.9rem;font-weight:500}.api-version-select{background:#1a1a1a;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.9rem;font-weight:600;height:38px;padding:.5rem 1rem;transition:all .2s ease}.api-version-select:hover{border-color:#718096}.api-version-select:focus{border-color:#4299e1;outline:none}.bulk-operations-bar{display:flex;justify-content:space-between;align-items:center;background:#2d3748;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.bulk-operations-bar .btn{margin-top:0}.btn{text-decoration:none!important}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:#2d3748;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.bulk-actions-bar .btn{margin-top:0}.bulk-actions-info{color:#a0aec0;font-size:.95rem}.bulk-actions-info strong{color:#e2e8f0;font-size:1.1rem;margin-right:.25rem}.bulk-actions-buttons{display:flex;align-items:center;gap:.75rem}.bulk-status-select{background-color:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ffffff;cursor:pointer;font-size:.9rem;font-weight:600;height:38px;min-width:180px;padding:.5rem 1rem;transition:all .2s ease}.bulk-status-select:hover{border-color:#555}.bulk-status-select:focus{outline:none;border-color:#3498db}.btn-add-task,a.btn-add-task{text-decoration:none!important}.user-info-group{gap:.75rem}.user-badge,.user-info-group{display:flex;align-items:center}.user-badge{color:#e2e8f0;font-size:.9rem;font-weight:500;gap:.5rem;height:38px}.btn-login,.btn-logout{background:#1a1a1a;border:2px solid #4299e1;border-radius:6px;color:#ffffff;cursor:pointer;font-size:.9rem;font-weight:600;height:38px;padding:.5rem 1rem;transition:all .2s ease}.btn-logout{border-color:#e53e3e}.btn-logout:hover{background:#e53e3e;transform:translateY(-1px)}.btn-login:hover{background:#4299e1;transform:translateY(-1px)}