.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:64px}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;text-decoration:none}.navbar-logo-img{height:36px;width:auto}.navbar-links{display:flex;align-items:center;gap:8px}.navbar-link{padding:8px 16px;font-size:15px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all .15s}.navbar-link:hover,.navbar-link.active{color:var(--color-text);background:var(--color-bg)}.navbar-cta{padding:8px 20px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border-radius:8px;text-decoration:none;transition:all .15s}.navbar-cta:hover{opacity:.9;transform:translateY(-1px)}.navbar-logout{padding:8px 16px;font-size:15px;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;transition:all .15s}.navbar-logout:hover{color:var(--color-danger);border-color:var(--color-danger);background:#fef2f2}.navbar-transparent{background:#0a162866;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-transparent .navbar-link{color:#ffffffbf}.navbar-transparent .navbar-link:hover,.navbar-transparent .navbar-link.active{color:#fff;background:#ffffff1a}.navbar-transparent .navbar-logout{color:#ffffffbf;border-color:#fff3;background:#ffffff14}.navbar-transparent .navbar-logout:hover{color:#ff6b8a;border-color:#ff6b8a;background:#ff6b8a1a}.landing{min-height:100vh;background:#fff}.hero{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:90vh;padding:64px 32px 60px;background:url(/banner.png) center center / cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,22,40,.85) 0%,rgba(10,22,40,.4) 35%,rgba(10,22,40,.05) 60%,transparent 100%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:680px;text-align:center}.hero-badge{display:inline-block;padding:6px 14px;font-size:13px;font-weight:600;color:var(--color-teal);background:#26c6da26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(38,198,218,.25);border-radius:20px;margin-bottom:16px}.hero-subtitle{font-size:17px;line-height:1.7;color:#ffffffe6;margin-bottom:28px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hero-actions{display:flex;justify-content:center;gap:14px}.btn-primary-lg{padding:14px 36px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border-radius:10px;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px #26c6da4d}.btn-primary-lg:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 28px #26c6da73}.btn-secondary-lg{padding:14px 36px;font-size:16px;font-weight:600;color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:10px;text-decoration:none;transition:all .2s}.btn-secondary-lg:hover{background:#ffffff38;border-color:#fff6}.features{background:var(--color-bg);padding:80px 0}.features-inner{max-width:1200px;margin:0 auto;padding:0 32px}.section-title{font-size:36px;font-weight:800;text-align:center;color:var(--color-navy);margin-bottom:12px}.section-subtitle{font-size:18px;text-align:center;color:var(--color-text-secondary);margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;padding:32px;border-radius:16px;border:1px solid var(--color-border);transition:all .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0d1b3e1a}.feature-icon-img{height:64px;width:auto;margin-bottom:16px;object-fit:contain}.feature-card h3{font-size:18px;font-weight:700;color:var(--color-navy);margin-bottom:8px}.feature-card p{font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.ownership{padding:80px 0;background:var(--color-navy)}.ownership-inner{max-width:1200px;margin:0 auto;padding:0 32px}.ownership .section-title{color:#fff}.ownership .section-subtitle{color:#fff9}.ownership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ownership-card{padding:32px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:all .2s}.ownership-card:hover{background:#ffffff1a;transform:translateY(-4px)}.ownership-icon{font-size:32px;margin-bottom:16px}.ownership-card h3{font-size:18px;font-weight:700;color:var(--color-teal);margin-bottom:8px}.ownership-card p{font-size:14px;line-height:1.7;color:#ffffffb3}.comparison{padding:80px 0;background:var(--color-bg)}.comparison-inner{max-width:900px;margin:0 auto;padding:0 32px}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:15px}.comparison-table th,.comparison-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table thead th{font-weight:700;font-size:16px;padding-bottom:16px}.comparison-table .col-seven{color:var(--color-teal);font-weight:600}.comparison-table thead .col-seven{color:var(--color-navy);background:#26c6da14;border-radius:8px 8px 0 0}.comparison-table tbody .col-seven{background:#26c6da0a}.comparison-table .col-saas{color:var(--color-text-secondary)}.comparison-table .row-label{font-weight:600;color:var(--color-navy)}.comparison-table .highlight{color:var(--color-teal);font-weight:800;font-size:17px}.comparison-table .dim{color:var(--color-coral);font-weight:600}.comparison-table .check{color:var(--color-teal)}.comparison-table .cross{color:var(--color-coral)}.pricing-flat-label{display:block;font-size:13px;font-weight:600;color:var(--color-teal);margin-top:-16px;margin-bottom:16px}.pricing-preview{padding:80px 0;background:#fff}.pricing-preview-inner{max-width:800px;margin:0 auto;padding:0 32px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pricing-card{position:relative;padding:36px;border-radius:16px;border:1px solid var(--color-border);background:#fff;text-align:center}.pricing-card.featured{border:2px solid var(--color-teal);box-shadow:0 12px 40px #26c6da26}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border-radius:20px}.pricing-card-header h3{font-size:20px;font-weight:700;color:var(--color-navy);margin-bottom:8px}.pricing-amount{margin-bottom:24px}.pricing-dollar{font-size:20px;font-weight:600;color:var(--color-navy);vertical-align:top}.pricing-number{font-size:48px;font-weight:800;color:var(--color-navy);line-height:1}.pricing-period{font-size:16px;color:var(--color-text-secondary)}.pricing-features{list-style:none;text-align:left;margin-bottom:28px}.pricing-features li{padding:8px 0;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-bg)}.pricing-features li:before{content:"✓";margin-right:10px;color:var(--color-teal);font-weight:700}.btn-primary{display:inline-block;padding:12px 32px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border-radius:8px;text-decoration:none;transition:all .15s}.btn-primary:hover{opacity:.9}.btn-outline{display:inline-block;padding:12px 32px;font-size:15px;font-weight:600;color:var(--color-navy);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;transition:all .15s}.btn-outline:hover{background:var(--color-bg)}.selfhost-cta{padding:80px 0;background:linear-gradient(135deg,var(--color-navy) 0%,#11203d 100%);text-align:center}.selfhost-inner{max-width:700px;margin:0 auto;padding:0 32px}.selfhost-cta h2{font-size:32px;font-weight:800;color:#fff;margin-bottom:16px}.selfhost-cta p{font-size:16px;line-height:1.7;color:#ffffffb3;margin-bottom:32px}.selfhost-steps{display:flex;justify-content:center;gap:32px;margin-bottom:40px}.selfhost-step{display:flex;align-items:center;gap:12px;font-size:14px;color:#fffc}.step-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-teal);color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.landing-footer{padding:48px 0;background:var(--color-navy)}.footer-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center}.footer-logo-img{height:36px;width:auto}.footer-tagline{font-size:14px;color:#7a86a8}@media(max-width:768px){.hero{padding:100px 20px 60px;min-height:380px}.hero-subtitle{font-size:16px}.features-grid,.ownership-grid,.pricing-cards{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.selfhost-steps{flex-direction:column;align-items:center;gap:16px}.footer-inner{flex-direction:column;gap:8px;text-align:center}}.auth-page{min-height:100vh;background:var(--color-bg)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px 20px 40px}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px #0d1b3e14;border:1px solid var(--color-border)}.auth-header{text-align:center;margin-bottom:28px}.auth-logo-img{height:48px;width:auto;margin-bottom:16px}.auth-header h1{font-size:24px;font-weight:700;color:var(--color-navy);margin-bottom:4px}.auth-header p{font-size:14px;color:var(--color-text-secondary)}.auth-error{padding:10px 14px;background:#fef2f2;color:var(--color-pink);border:1px solid #fecaca;border-radius:8px;font-size:13px;margin-bottom:16px}.auth-info{padding:10px 14px;background:#e1f5f7;color:#0f6e7a;border:1px solid #9fe1e7;border-radius:8px;font-size:13px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:600;color:var(--color-text)}.form-field input{padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;transition:border-color .15s;outline:none}.form-field input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #26c6da26}.auth-submit{padding:12px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border:none;border-radius:8px;cursor:pointer;transition:all .15s;margin-top:4px}.auth-submit:hover:not(:disabled){opacity:.9}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-teal);font-weight:600;text-decoration:none}.pricing-page{min-height:100vh;background:var(--color-bg)}.pricing-page-content{max-width:900px;margin:0 auto;padding:120px 32px 80px;text-align:center}.pricing-page-title{font-size:40px;font-weight:800;color:var(--color-text);margin-bottom:12px}.pricing-page-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:48px}.pricing-page-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:780px;margin:0 auto}.plan-card{position:relative;background:#fff;border-radius:16px;border:1px solid var(--color-border);padding:40px 32px;text-align:center;transition:all .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.plan-card.featured{border:2px solid var(--color-teal);box-shadow:0 12px 40px #26c6da26}.plan-popular-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:5px 18px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border-radius:20px;white-space:nowrap}.plan-card-header h2{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:12px}.plan-price{margin-bottom:8px}.plan-dollar{font-size:22px;font-weight:600;color:var(--color-text);vertical-align:top}.plan-amount{font-size:56px;font-weight:800;color:var(--color-text);line-height:1}.plan-period{font-size:16px;color:var(--color-text-secondary)}.plan-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.plan-features{list-style:none;text-align:left;margin-bottom:32px}.plan-features li{padding:10px 0;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-bg)}.plan-features li:before{content:"✓";margin-right:10px;color:var(--color-teal);font-weight:700}.plan-btn-primary{display:inline-block;width:100%;padding:14px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-teal),var(--color-aqua));border:none;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;transition:all .15s}.plan-btn-primary:hover{opacity:.9}.plan-btn-outline{display:inline-block;width:100%;padding:14px;font-size:15px;font-weight:600;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;transition:all .15s}.plan-btn-outline:hover{background:var(--color-bg)}.pricing-faq{max-width:680px;margin:64px auto 0;text-align:left}.pricing-faq-title{font-size:28px;font-weight:800;color:var(--color-text);text-align:center;margin-bottom:32px}.faq-item{padding:24px 0;border-bottom:1px solid var(--color-border)}.faq-item h3{font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:8px}.faq-item p{font-size:14px;line-height:1.7;color:var(--color-text-secondary)}@media(max-width:768px){.pricing-page-cards{grid-template-columns:1fr}.pricing-page-title{font-size:32px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;background:var(--navy-light, #11203d);color:#fff;box-shadow:0 8px 24px #0003;font-size:14px;line-height:1.4;pointer-events:auto;animation:toast-slide-in .18s ease-out;border-left:4px solid var(--teal, #26c6da);cursor:pointer}.toast-error{border-left-color:var(--coral, #ef5350);background:#2a1a1f}.toast-success{border-left-color:#00c875;background:#1a2a1f}.toast-info{border-left-color:var(--teal, #26c6da)}.toast-message{flex:1;word-break:break-word}.toast-close{background:none;border:none;color:#fff9;font-size:20px;line-height:1;cursor:pointer;padding:0;margin-top:-2px}.toast-close:hover{color:#fff}@keyframes toast-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:600px){.toast-container{top:10px;right:10px;left:10px;max-width:none}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-header{padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.sidebar-brand{display:flex;align-items:center}.sidebar-logo-img{width:100%;height:auto;border-radius:6px}.sidebar-user-actions{display:flex;gap:4px;align-self:flex-end}.sidebar-icon-btn{padding:4px 8px;font-size:16px;border-radius:6px;transition:background .15s;cursor:pointer}.sidebar-icon-btn:hover{background:#ffffff1a}.sidebar-dashboard-btn{display:block;width:calc(100% - 24px);margin:10px 12px 2px;padding:8px 14px;font-size:13px;font-weight:600;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;text-align:left;transition:all .15s}.sidebar-dashboard-btn:hover{background:#26c6da33;border-color:#26c6da4d}.sidebar-dashboard-btn.active,.sidebar-nav-btn.active{background:#26c6da40;border-color:#26c6da73}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:2px 12px 6px}.sidebar-nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13px;font-weight:600;color:#fff;background:#ffffff0a;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s}.sidebar-nav-btn:hover{background:#26c6da26}.sidebar-nav-icon{font-size:14px;width:16px;text-align:center}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-user-details{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:11px;color:#8b8c99}.plan-badge{text-transform:capitalize;color:var(--color-teal)}.sidebar-logout-btn{font-size:18px;color:#8b8c99;padding:4px;border-radius:4px;transition:all .15s;cursor:pointer}.sidebar-logout-btn:hover{background:#ffffff1a;color:#fff}.shared-header{cursor:default}.board-dot.shared{background:var(--color-aqua)}.sidebar-content{padding:12px 0;flex:1}.workspace-section{margin-bottom:4px}.workspace-header{display:flex;align-items:center;padding:8px 16px;cursor:pointer;gap:8px;transition:background .15s}.workspace-header:hover{background:#ffffff14}.workspace-arrow{font-size:10px;transition:transform .2s;color:#c5c7d0}.workspace-arrow.expanded{transform:rotate(90deg)}.workspace-name{flex:1;font-weight:600;font-size:14px;color:#fff}.workspace-boards{padding-left:16px}.board-item{display:flex;align-items:center;padding:6px 16px;cursor:pointer;gap:8px;border-radius:4px;margin:1px 8px;transition:background .15s}.board-item:hover{background:#ffffff14}.board-item.active{background:#ffffff26;color:#fff}.board-item.dragging{opacity:.4}.board-item.drag-over{box-shadow:inset 0 2px 0 0 var(--color-teal)}.board-drag-handle{flex-shrink:0;font-size:10px;line-height:1;letter-spacing:-3px;color:#6b6e80;cursor:grab;opacity:0;transition:opacity .15s;width:8px}.board-item:hover .board-drag-handle{opacity:1}.board-dot{width:8px;height:8px;border-radius:2px;background:var(--color-teal);flex-shrink:0}.board-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{opacity:0;color:#c5c7d0;font-size:16px;padding:2px 4px;border-radius:4px;transition:opacity .15s,background .15s}.workspace-header:hover .icon-btn,.board-item:hover .icon-btn{opacity:1}.icon-btn:hover{background:#ffffff26;color:#fff}.delete-btn:hover{color:var(--color-danger)}.add-board-btn{display:block;width:100%;text-align:left;padding:6px 16px;margin:1px 8px;color:#c5c7d0;font-size:13px;border-radius:4px;transition:background .15s}.add-board-btn:hover{background:#ffffff14;color:#fff}.inline-form{padding:4px 16px;margin:1px 8px}.inline-input{width:100%;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;outline:none;font-size:13px}.inline-input:focus{border-color:var(--color-primary)}.inline-input::placeholder{color:#8b8c99}.add-workspace-form{display:flex;gap:6px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.add-workspace-form .inline-input{flex:1}.add-btn{padding:6px 12px;background:var(--color-primary);color:#fff;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.add-btn:hover{background:var(--color-primary-hover)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.add-board-form{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px 20px}.template-select{padding:5px 8px;font-size:11px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff14;color:#fff;width:100%;cursor:pointer;outline:none}.template-select option{background:#11203d;color:#fff}.add-board-actions{display:flex;gap:4px}.add-board-actions .add-btn{flex:1;font-size:11px;padding:4px 8px}.cancel-btn{padding:4px 8px;font-size:11px;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer}.cancel-btn:hover{color:#fff;border-color:#ffffff4d}.board-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;font-size:10px;font-weight:700;margin-left:auto;flex-shrink:0}.badge-overdue{background:#e44258;color:#fff}.badge-assigned{background:#26c6dae6;color:#fff}.board-item .board-badge+.icon-btn{margin-left:4px}.status-badge-wrapper{position:relative}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;min-width:100px;text-align:center;cursor:pointer;transition:opacity .15s}.status-badge:hover{opacity:.85}.status-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:140px;margin-top:4px}.status-option{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:opacity .15s}.status-option:hover{opacity:.85}.priority-badge-wrapper{position:relative}.priority-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;min-width:80px;text-align:center;cursor:pointer;transition:opacity .15s}.priority-badge:hover{opacity:.85}.priority-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:120px;margin-top:4px}.priority-option{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:opacity .15s}.priority-option:hover{opacity:.85}.people-cell{position:relative}.people-display{cursor:pointer;min-height:28px;display:flex;align-items:center}.people-chips{display:flex;flex-wrap:wrap;gap:3px}.person-chip{display:inline-flex;align-items:center;gap:4px;background:#e8f0fe;color:#1967d2;padding:2px 8px 2px 2px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.person-chip-avatar{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;flex-shrink:0}.person-handle{color:var(--color-text-secondary);font-weight:400;font-size:11px}.people-empty{font-size:12px;color:var(--color-text-secondary);padding:8px}.people-placeholder{color:var(--color-text-secondary);font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed var(--color-border)}.people-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.people-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:200px;margin-top:4px;overflow:hidden}.people-list{max-height:200px;overflow-y:auto;padding:6px}.person-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.person-option:hover{background:#f5f6f8}.person-option input[type=checkbox]{flex-shrink:0}.person-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.person-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-person-form{border-top:1px solid var(--color-border);padding:6px}.add-person-input{width:100%;padding:6px 8px;border:1px solid var(--color-border);border-radius:4px;outline:none;font-size:13px}.add-person-input:focus{border-color:var(--color-primary)}.date-cell{position:relative;display:inline-flex;align-items:center;cursor:pointer;min-width:80px;min-height:28px;border-radius:4px;padding:2px 4px}.date-cell:hover{background:#f0f1f3}.date-native-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.date-label{font-size:13px;pointer-events:none;white-space:nowrap}.date-label.empty{color:var(--color-text-secondary)}.date-label.set{color:var(--color-text)}.date-label.overdue{color:var(--color-danger);font-weight:600}.category-cell{position:relative}.category-display{cursor:pointer;min-height:28px;display:flex;align-items:center}.category-chips{display:flex;flex-wrap:wrap;gap:3px}.category-chip{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.category-placeholder{color:var(--color-text-secondary);font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed var(--color-border)}.category-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:220px;margin-top:4px;overflow:hidden}.category-list{max-height:200px;overflow-y:auto;padding:6px}.category-option{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.category-option:hover{background:#f5f6f8}.category-option input[type=checkbox]{flex-shrink:0}.category-tag{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;flex:1}.category-remove{font-size:14px;color:var(--color-text-secondary);padding:0 4px;opacity:0;transition:opacity .15s;flex-shrink:0}.category-option:hover .category-remove{opacity:1}.category-remove:hover{color:var(--color-danger)}.category-empty{padding:12px 8px;text-align:center;color:var(--color-text-secondary);font-size:13px}.add-category-form{border-top:1px solid var(--color-border);padding:6px}.add-category-input{width:100%;padding:6px 8px;border:1px solid var(--color-border);border-radius:4px;outline:none;font-size:13px}.add-category-input:focus{border-color:var(--color-primary)}.move-group-wrapper{position:relative}.move-group-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;color:var(--color-text-secondary);transition:background .15s}.move-group-btn:hover{background:var(--color-border);color:var(--color-primary)}.move-group-dropdown{position:absolute;top:100%;right:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:6px;min-width:200px;margin-top:4px}.move-group-title{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px}.move-group-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:4px;font-size:13px;color:var(--color-text);text-align:left;cursor:pointer;transition:background .15s}.move-group-option:hover{background:#f5f6f8}.move-group-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.task-row{display:grid;padding:0 16px;min-height:40px;align-items:center;border-bottom:1px solid var(--color-border);transition:background .1s;position:relative;z-index:1}.task-row:has(.status-dropdown),.task-row:has(.priority-dropdown),.task-row:has(.people-dropdown),.task-row:has(.category-dropdown){z-index:100}.task-row:hover{background:#f5f6f8}.subtask-row{background:#fafbfc;padding-left:40px}.subtask-row:hover{background:#f0f1f3}.col-task{display:flex;align-items:center;gap:4px;min-width:0}.expand-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-secondary);border-radius:4px;opacity:0;transition:opacity .15s,transform .2s;flex-shrink:0}.expand-btn.visible,.task-row:hover .expand-btn{opacity:1}.expand-btn.expanded{transform:rotate(90deg)}.subtask-indent{width:16px;flex-shrink:0;position:relative}.subtask-indent:before{content:"";position:absolute;left:0;top:-10px;width:12px;height:20px;border-left:2px solid var(--color-border);border-bottom:2px solid var(--color-border);border-bottom-left-radius:4px}.task-title{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 0;flex:1}.task-title:hover{color:var(--color-primary)}.blocked-text{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.task-row:hover .row-actions{opacity:1}.row-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;color:var(--color-text-secondary);transition:background .15s}.row-action-btn:hover{background:var(--color-border)}.row-action-btn.delete:hover{background:#e442581a;color:var(--color-danger)}.subtasks-container{border-bottom:1px solid var(--color-border)}.add-subtask-form{display:flex;align-items:center;padding:4px 16px 4px 56px}.add-subtask-input{flex:1;padding:6px 8px;border:1px solid var(--color-primary);border-radius:4px;outline:none;font-size:13px}.add-subtask-btn{display:flex;align-items:center;width:100%;padding:6px 16px 6px 56px;color:var(--color-text-secondary);font-size:13px}.add-subtask-btn:hover{background:#f5f6f8;color:var(--color-primary)}.col-cell{display:flex;align-items:center;min-width:0;position:relative;z-index:1}.col-cell:has(.status-dropdown),.col-cell:has(.priority-dropdown){z-index:100}.cell-text{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-clickable{cursor:pointer;padding:4px 6px;border-radius:4px}.cell-clickable:hover{background:var(--color-border)}.cell-edit-input{width:100%;padding:4px 6px;font-size:12px;border:1px solid var(--color-primary);border-radius:4px;outline:none;background:#fff}.col-checkbox{display:flex;align-items:center;justify-content:center}.task-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-teal, #26c6da)}.checkbox-spacer{width:16px}.task-row.selected{background:#26c6da14}.task-row.selected:hover{background:#26c6da1f}.task-group{background:var(--color-surface);border-radius:8px;box-shadow:0 1px 4px #0000000f;overflow:visible;transition:box-shadow .15s}.task-group.drag-over{box-shadow:0 0 0 2px var(--color-primary),0 4px 12px #0073ea33}.group-header{display:flex;align-items:center;padding:10px 16px;gap:8px;background:var(--color-surface)}.group-drag-handle{cursor:grab;color:var(--color-text-secondary);font-size:12px;letter-spacing:-3px;padding:4px 2px;border-radius:4px;opacity:.4;transition:opacity .15s;-webkit-user-select:none;user-select:none}.group-drag-handle:hover{opacity:1;background:var(--color-border)}.group-drag-handle:active{cursor:grabbing}.group-collapse-btn{padding:4px;color:var(--color-text-secondary)}.collapse-arrow{font-size:10px;display:inline-block;transition:transform .2s}.collapse-arrow.expanded{transform:rotate(90deg)}.group-name{font-size:16px;font-weight:700;cursor:pointer;flex:1}.group-name-edit{font-size:16px;font-weight:700;border:1px solid var(--color-primary);border-radius:4px;padding:2px 8px;outline:none;flex:1}.group-count{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.group-delete-btn{opacity:0;color:var(--color-text-secondary);font-size:18px;padding:2px 6px;border-radius:4px;transition:opacity .15s}.group-header:hover .group-delete-btn{opacity:1}.group-delete-btn:hover{background:#e442581a;color:var(--color-danger)}.task-table{border-top:1px solid var(--color-border)}@media(max-width:768px){.task-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.task-table-header,.task-row{min-width:720px}}.task-table-header{display:grid;padding:8px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:#fafbfc}.col-header{display:flex;align-items:center;position:relative;overflow:hidden}.col-header.col-checkbox{justify-content:center;overflow:visible}.col-header-resizable{overflow:visible}.col-header-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .15s}.col-resize-handle:hover,.col-resize-handle:active{background:var(--color-primary);opacity:.5}.add-task-form{padding:4px 16px 8px}.add-task-input{width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);outline:none;font-size:14px}.add-task-input:focus{color:var(--color-text)}.add-task-input::placeholder{color:var(--color-text-secondary)}.comments-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.comments-heading{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:12px}.comments-empty{font-size:13px;color:var(--color-text-secondary);padding:4px 0 12px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.comment{display:flex;gap:10px}.comment-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:8px;font-size:12px}.comment-author{font-weight:600;color:var(--color-text-primary)}.comment-time{color:var(--color-text-secondary)}.comment-delete{margin-left:auto;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.comment-delete:hover{color:var(--color-pink, #d63384)}.comment-text{font-size:13px;color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-form{display:flex;flex-direction:column;gap:8px}.comment-form textarea{width:100%;resize:vertical;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}.comment-form textarea:focus{border-color:var(--color-primary, #26c6da)}.comment-form button{align-self:flex-end;background:var(--color-primary, #26c6da);color:#06343b;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.comment-form button:disabled{opacity:.5;cursor:default}.task-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width);background:#0000004d;z-index:200;display:flex;justify-content:flex-end}.task-detail{width:480px;max-width:100%;background:var(--color-surface);height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;gap:12px}.detail-close{font-size:24px;color:var(--color-text-secondary);padding:0 4px;border-radius:4px;flex-shrink:0;line-height:1}.detail-close:hover{background:var(--color-border);color:var(--color-text)}.detail-title{font-size:20px;font-weight:700;cursor:pointer;flex:1;word-break:break-word}.detail-title-edit{font-size:20px;font-weight:700;flex:1;border:1px solid var(--color-primary);border-radius:4px;padding:2px 8px;outline:none}.detail-body{flex:1;overflow-y:auto;padding:0}.detail-meta{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.meta-row{display:flex;align-items:center;gap:16px}.meta-label{width:90px;font-size:13px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.meta-value{font-size:13px;color:var(--color-text)}.detail-date-input{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;outline:none}.detail-date-input:focus{border-color:var(--color-primary)}.meta-clickable{cursor:pointer;padding:4px 8px;border-radius:4px}.meta-clickable:hover{background:#f5f6f8}.detail-blocked-input{flex:1;padding:4px 8px;border:1px solid var(--color-primary);border-radius:4px;font-size:13px;outline:none}.meta-group-select{display:flex;align-items:center;gap:8px}.current-group-name{font-size:13px;font-weight:600;color:var(--color-text)}.group-select{padding:3px 6px;border:1px solid var(--color-border);border-radius:4px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;outline:none}.group-select:focus{border-color:var(--color-primary)}.detail-section{padding:16px 24px;border-bottom:1px solid var(--color-border)}.section-title{font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:10px}.detail-description{padding:10px 12px;border:1px solid transparent;border-radius:4px;min-height:80px;color:var(--color-text);cursor:pointer;white-space:pre-wrap;word-break:break-word;line-height:1.6}.detail-description:hover{border-color:var(--color-border);background:#fafbfc}.detail-description-edit{width:100%;padding:10px 12px;border:1px solid var(--color-primary);border-radius:4px;min-height:120px;resize:vertical;outline:none;line-height:1.6}.detail-subtasks{display:flex;flex-direction:column;gap:4px}.detail-subtask{display:flex;align-items:center;gap:8px;padding:6px 0}.detail-subtask input[type=checkbox]{flex-shrink:0}.subtask-title{font-size:14px}.subtask-title.done{text-decoration:line-through;color:var(--color-text-secondary)}.add-subtask-inline{margin-top:4px}.add-subtask-detail-input{width:100%;padding:6px 0;border:none;outline:none;color:var(--color-text-secondary);font-size:14px}.add-subtask-detail-input:focus{color:var(--color-text)}.detail-files{display:flex;flex-direction:column;gap:6px}.detail-file{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:4px;background:#f5f6f8}.file-link{display:flex;align-items:center;gap:6px;flex:1;min-width:0;text-decoration:none;color:var(--color-text)}.file-link:hover{color:var(--color-primary)}.file-icon{flex-shrink:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-size{font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.file-delete-btn{color:var(--color-text-secondary);font-size:16px;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s}.detail-file:hover .file-delete-btn{opacity:1}.file-delete-btn:hover{color:var(--color-danger);background:#e442581a}.file-upload-btn{display:inline-block;padding:6px 0;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:600}.file-upload-btn:hover{text-decoration:underline}.detail-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:8px}.btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;transition:background .15s}.btn-archive{background:#f5f6f8;color:var(--color-text-secondary)}.btn-archive:hover{background:#e6e9ef;color:var(--color-text)}.btn-delete{background:#e442581a;color:var(--color-danger)}.btn-delete:hover{background:var(--color-danger);color:#fff}.detail-activity{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.activity-empty{font-size:13px;color:var(--color-text-secondary);font-style:italic;padding:8px 0}.activity-entry{display:flex;align-items:flex-start;gap:10px}.activity-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:13px;color:var(--color-text);line-height:1.4}.activity-user{font-weight:600}.activity-time{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.board-members-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:200;display:flex;align-items:flex-start;justify-content:flex-end}.board-members-panel{width:360px;max-height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;overflow-y:auto}.board-members-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid var(--color-border)}.board-members-header h3{font-size:18px;font-weight:700}.board-members-close{font-size:22px;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:4px}.board-members-invite{display:flex;gap:8px;padding:16px 20px}.board-members-input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none}.board-members-input:focus{border-color:var(--color-primary)}.board-members-invite-btn{padding:8px 16px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer}.board-members-invite-btn:disabled{opacity:.6}.board-members-error{padding:8px 20px;color:#dc2626;font-size:13px}.board-members-list{padding:8px 20px 20px}.board-member-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-bg)}.board-member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.board-member-info{flex:1;min-width:0}.board-member-name{font-size:14px;font-weight:600;color:var(--color-text)}.board-member-username{font-size:12px;color:var(--color-text-secondary)}.board-member-remove{font-size:18px;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s}.board-member-item:hover .board-member-remove{opacity:1}.board-members-empty{text-align:center;color:var(--color-text-secondary);padding:24px 0;font-size:14px}.column-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.column-manager{background:#fff;border-radius:12px;width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.cm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.cm-header h3{font-size:18px;font-weight:600;margin:0}.cm-close{font-size:22px;color:var(--color-text-secondary);padding:4px 8px;border-radius:4px}.cm-close:hover{background:var(--color-border)}.cm-body{padding:16px 20px;overflow-y:auto;flex:1}.cm-column-item{border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;overflow:hidden}.cm-column-row{display:flex;align-items:center;gap:8px;padding:10px 12px}.cm-column-reorder{display:flex;flex-direction:column;gap:1px}.cm-move-btn{font-size:8px;padding:2px 4px;color:var(--color-text-secondary);border-radius:3px}.cm-move-btn:hover:not(:disabled){background:var(--color-border)}.cm-move-btn:disabled{opacity:.3;cursor:default}.cm-column-name{flex:1;font-weight:500;cursor:pointer;padding:4px 6px;border-radius:4px}.cm-column-name:hover{background:#f0f1f3}.cm-name-input{flex:1;padding:4px 6px;border:1px solid var(--color-primary);border-radius:4px;outline:none;font-weight:500}.cm-column-type{font-size:11px;color:var(--color-text-secondary);background:#f0f1f3;padding:3px 8px;border-radius:10px;white-space:nowrap}.cm-progress-btn{font-size:11px;color:var(--color-text-secondary);padding:3px 8px;border-radius:10px;white-space:nowrap;border:1px solid var(--color-border);background:transparent;transition:all .15s}.cm-progress-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.cm-progress-btn.active{background:#e6fafb;border-color:var(--color-teal);color:var(--color-teal);font-weight:600}.cm-edit-btn{font-size:12px;color:var(--color-primary);padding:4px 8px;border-radius:4px;white-space:nowrap}.cm-edit-btn:hover{background:#579bfc1a}.cm-delete-btn{font-size:18px;color:var(--color-text-secondary);padding:2px 6px;border-radius:4px;opacity:.5}.cm-delete-btn:hover{opacity:1;color:var(--color-danger);background:#e442581a}.cm-options-editor{padding:8px 12px 12px;border-top:1px solid var(--color-border);background:#fafbfc}.cm-option-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cm-color-picker{width:28px;height:28px;border:none;padding:0;cursor:pointer;border-radius:4px}.cm-option-label{flex:1;padding:5px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.cm-option-label:focus{border-color:var(--color-primary);outline:none}.cm-option-delete{font-size:16px;color:var(--color-text-secondary);padding:2px 6px}.cm-option-delete:hover{color:var(--color-danger)}.cm-add-option-btn{font-size:12px;color:var(--color-primary);padding:4px 0;margin-top:4px}.cm-add-option-btn:hover{text-decoration:underline}.cm-add-form{display:flex;align-items:center;gap:8px;padding:12px 0}.cm-add-name{flex:1;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:13px}.cm-add-name:focus{border-color:var(--color-primary);outline:none}.cm-add-type{padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;background:#fff}.cm-add-confirm{padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:6px;font-size:13px;font-weight:500}.cm-add-confirm:hover{opacity:.9}.cm-add-cancel{padding:8px 12px;color:var(--color-text-secondary);font-size:13px}.cm-add-column-btn{width:100%;padding:12px;color:var(--color-text-secondary);font-size:14px;border:2px dashed var(--color-border);border-radius:8px;margin-top:8px}.cm-add-column-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.detail-custom-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;background:#fff}.detail-status-preview{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;margin-left:8px}.kanban-board{display:flex;gap:14px;padding:16px 20px 24px;overflow-x:auto;align-items:flex-start;min-height:60vh}.kanban-column{flex:0 0 260px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.kanban-column.drag-over{border-color:var(--color-primary);box-shadow:0 0 0 2px #26c6da40}.kanban-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.kanban-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-column-title{font-weight:700;font-size:13px;color:var(--color-text);flex:1}.kanban-column-count{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border-radius:10px;padding:1px 8px}.kanban-column-body{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.kanban-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;cursor:pointer;transition:box-shadow .15s,transform .1s}.kanban-card:hover{box-shadow:0 3px 12px #0a16281f}.kanban-card:active{transform:scale(.98)}.kanban-card-title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:8px;line-height:1.3}.kanban-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kanban-priority{font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px;text-transform:uppercase}.kanban-due{font-size:12px;color:var(--color-text-secondary)}.kanban-due.overdue{color:var(--color-danger);font-weight:600}.kanban-assignees{display:flex;gap:4px;margin-top:8px}.kanban-assignee{width:22px;height:22px;border-radius:50%;background:var(--color-navy-light);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.kanban-subtask-count{margin-top:8px;font-size:11px;color:var(--color-text-secondary)}.kanban-empty{text-align:center;color:var(--color-text-secondary);font-size:12px;padding:16px 0;opacity:.6}.auto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162866;display:flex;align-items:center;justify-content:center;z-index:1000}.auto-panel{width:640px;max-width:94vw;max-height:88vh;background:var(--color-surface);border-radius:12px;box-shadow:0 12px 40px #0a16284d;display:flex;flex-direction:column;overflow:hidden}.auto-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--color-border)}.auto-header h2{margin:0;font-size:18px}.auto-subtitle{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary)}.auto-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--color-text-secondary)}.auto-builder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 22px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.auto-word{font-size:13px;color:var(--color-text-secondary);font-weight:600}.auto-builder select,.auto-assignee-input{padding:7px 10px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;background:var(--color-surface);color:var(--color-text)}.auto-add-btn{background:var(--color-primary);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer}.auto-add-btn:hover{background:var(--color-primary-hover)}.auto-list{padding:14px 22px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.auto-empty{text-align:center;color:var(--color-text-secondary);padding:30px 0;font-size:14px}.auto-rule{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.auto-rule.disabled{opacity:.55}.auto-rule-text{font-size:13px;color:var(--color-text);line-height:1.4}.auto-rule-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.auto-toggle{position:relative;display:inline-block;width:36px;height:20px}.auto-toggle input{opacity:0;width:0;height:0}.auto-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:20px;transition:.15s;cursor:pointer}.auto-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.auto-toggle input:checked+.auto-toggle-slider{background:var(--color-primary)}.auto-toggle input:checked+.auto-toggle-slider:before{transform:translate(16px)}.auto-rule-delete{background:none;border:none;color:var(--color-text-secondary);font-size:20px;line-height:1;cursor:pointer}.auto-rule-delete:hover{color:var(--color-danger)}.auto-apply-all{display:flex;align-items:center;gap:8px;margin:10px 2px 0;font-size:13px;color:var(--color-text-secondary)}.auto-rule-badge{margin-left:8px;background:#e1f5f7;color:#0f6e7a;font-size:11px;padding:1px 7px;border-radius:5px}.board{display:flex;height:100vh;min-width:760px}.board-main{flex:1;min-width:0;overflow-y:auto;padding:24px 32px}@media(max-width:768px){.board-main{padding:16px}.board-header-top,.board-actions{flex-wrap:wrap}}.board.drawer-open .board-main{margin-right:0}.board-header{margin-bottom:24px}.board-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.board-title{font-size:24px;font-weight:700;color:var(--color-text)}.board-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.view-toggle-btn{padding:7px 14px;font-size:13px;font-weight:600;background:var(--color-surface);color:var(--color-text-secondary);border:none;cursor:pointer}.view-toggle-btn.active{background:var(--color-primary);color:#fff}.board-search{position:relative;flex-shrink:0}.import-btn{padding:7px 14px;background:var(--color-primary);color:#fff;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.import-btn:hover{background:var(--color-primary-hover)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.columns-btn{padding:7px 14px;background:#6c5ce7;color:#fff;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.columns-btn:hover{background:#5a4bd1}.members-btn{padding:7px 14px;background:var(--color-teal);color:#fff;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.members-btn:hover{background:var(--color-primary-hover)}.import-status{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;animation:fadeIn .2s}.import-status.success{background:#e6f9ed;color:#037f4c;border:1px solid #b8edcf}.import-status.error{background:#fde8eb;color:#c93a4c;border:1px solid #f5c2c9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-input{padding:7px 32px 7px 12px;border:1px solid var(--color-border);border-radius:6px;width:220px;font-size:13px;outline:none;background:var(--color-surface);transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0073ea26}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--color-text-secondary);padding:2px 4px;border-radius:4px}.search-clear:hover{background:var(--color-border);color:var(--color-text)}.no-results{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:15px}.board-description{color:var(--color-text-secondary);cursor:pointer;padding:8px 12px;border:1px solid transparent;border-radius:4px;min-height:40px;transition:border-color .15s;white-space:pre-wrap}.board-description:hover{border-color:var(--color-border);background:var(--color-surface)}.board-description-edit{width:100%;padding:8px 12px;border:1px solid var(--color-primary);border-radius:4px;min-height:80px;resize:vertical;outline:none;font-size:14px;line-height:1.5;background:var(--color-surface)}.board-groups{display:flex;flex-direction:column;gap:24px}.add-group-form{margin-top:8px}.add-group-input{padding:10px 16px;border:2px dashed var(--color-border);border-radius:8px;width:100%;background:transparent;color:var(--color-text-secondary);font-size:14px;outline:none;transition:border-color .15s,background .15s}.add-group-input:focus{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-text)}.add-group-input::placeholder{color:var(--color-text-secondary)}.board-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.filter-select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);font-size:12px;color:var(--color-text);cursor:pointer;transition:border-color .15s}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0073ea26}.filter-clear-btn{padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-radius:6px;transition:all .15s}.filter-clear-btn:hover{color:var(--color-danger);background:#e4425814}.auto-archive-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-archive-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.toggle-switch{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;transition:background .2s;cursor:pointer;flex-shrink:0}.toggle-switch.active{background:var(--color-teal, #26c6da)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(16px)}.mass-action-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-navy-light, #11203d);border-radius:8px;margin-bottom:12px;animation:fadeIn .2s;flex-wrap:wrap}.mass-action-count{font-size:13px;font-weight:600;color:#fff;margin-right:8px}.mass-action-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;transition:background .15s,opacity .15s;white-space:nowrap}.mass-action-btn.archive{background:#f5a623}.mass-action-btn.archive:hover{background:#e09518}.mass-action-btn.delete{background:#e44258}.mass-action-btn.delete:hover{background:#cc3347}.mass-action-btn.move{background:#579bfc}.mass-action-btn.move:hover{background:#4589e6}.mass-action-btn.clear{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.mass-action-btn.clear:hover{background:#ffffff1a}.mass-action-move-wrapper{position:relative}.mass-move-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:300;padding:4px 0;animation:fadeIn .15s}.mass-move-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:var(--color-text);text-align:left}.mass-move-option:hover{background:#f5f6f8}.mass-move-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.myday-panel{background:#11203d;border-radius:10px;overflow:hidden;min-height:120px}.myday-loading{padding:32px;text-align:center;color:#6b7a99;font-size:.9rem}.myday-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.myday-clear-icon{font-size:2.4rem;color:#00c875;margin-bottom:10px}.myday-clear-text{font-size:1.05rem;font-weight:600;color:#e0e6f0;margin-bottom:4px}.myday-clear-sub{font-size:.82rem;color:#6b7a99}.myday-section{border-bottom:1px solid rgba(255,255,255,.05)}.myday-section:last-child{border-bottom:none}.myday-section-header{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;border-left:3px solid transparent}.myday-overdue-header{border-left-color:#e44258}.myday-today-header{border-left-color:#26c6da}.myday-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#89b}.myday-section-count{font-size:.7rem;font-weight:700;background:#ffffff14;color:#abc;border-radius:10px;padding:1px 7px}.myday-task-list{padding:0 8px 8px}.myday-task{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .15s;min-height:36px}.myday-task:hover{background:#ffffff0d}.myday-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #3a4a6a;background:transparent;color:#6b7a99;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;line-height:1}.myday-check:hover{border-color:#00c875;color:#00c875}.myday-check.completing{border-color:#00c875;background:#00c875;color:#fff}.myday-priority-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%}.myday-task-title{flex:1;font-size:.88rem;color:#d0daf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myday-due{flex-shrink:0;font-size:.75rem;color:#e44258;white-space:nowrap}.myday-board{flex-shrink:0;font-size:.72rem;color:#5a6a8a;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.momentum-widget{background:#11203d;border-radius:10px;padding:14px 16px 12px;min-width:200px}.momentum-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.momentum-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7a99}.momentum-total{font-size:.8rem;font-weight:600;color:#26c6da}.momentum-loading{text-align:center;color:#6b7a99;font-size:.85rem;padding:16px 0}.momentum-bars{display:flex;align-items:flex-end;gap:6px;height:64px;padding-bottom:20px;position:relative}.momentum-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.momentum-bar-track{flex:1;width:100%;display:flex;align-items:flex-end}.momentum-bar-fill{width:100%;border-radius:3px 3px 0 0;background:#26c6da59;transition:height .3s ease;min-height:2px}.momentum-bar-fill.today{background:#26c6da}.momentum-bar-fill.empty{background:#ffffff0f}.momentum-count{position:absolute;top:-16px;font-size:.64rem;color:#89b;font-weight:600}.momentum-label{position:absolute;bottom:-18px;font-size:.62rem;color:#5a6a8a;white-space:nowrap}.momentum-label.today{color:#26c6da;font-weight:700}.quickadd-trigger{display:flex;align-items:center;gap:8px;background:#26c6da1a;border:1.5px dashed rgba(38,198,218,.35);border-radius:8px;color:#26c6da;font-size:.88rem;font-weight:500;padding:10px 18px;cursor:pointer;transition:all .15s;width:100%}.quickadd-trigger:hover{background:#26c6da2e;border-color:#26c6da99}.quickadd-plus{font-size:1.1rem;line-height:1;font-weight:400}.quickadd-form{background:#11203d;border:1.5px solid rgba(38,198,218,.3);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.quickadd-title{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e6f0;font-size:.92rem;padding:9px 12px;outline:none;width:100%;box-sizing:border-box}.quickadd-title:focus{border-color:#26c6da}.quickadd-title::placeholder{color:#4a5a7a}.quickadd-row{display:flex;gap:8px;flex-wrap:wrap}.quickadd-select,.quickadd-date{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c0cce0;font-size:.82rem;padding:6px 8px;outline:none;cursor:pointer;flex:1;min-width:100px}.quickadd-select:focus,.quickadd-date:focus{border-color:#26c6da}.quickadd-priority{max-width:110px;flex:0 0 auto}.quickadd-date{color-scheme:dark;max-width:150px;flex:0 0 auto}.quickadd-actions{display:flex;justify-content:flex-end;gap:8px}.quickadd-cancel{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#6b7a99;font-size:.82rem;padding:6px 14px;cursor:pointer;transition:all .15s}.quickadd-cancel:hover{border-color:#ffffff4d;color:#abc}.quickadd-submit{background:#26c6da;border:none;border-radius:6px;color:#0a1628;font-size:.82rem;font-weight:700;padding:6px 16px;cursor:pointer;transition:background .15s}.quickadd-submit:hover:not(:disabled){background:#3dd6d0}.quickadd-submit:disabled{opacity:.45;cursor:not-allowed}.dashboard{padding:28px 36px;max-width:1100px;margin:0 auto}.dashboard.focus-mode{max-width:720px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dashboard-welcome h1{font-size:24px;font-weight:800;color:#e0e8f8;margin-bottom:2px}.dashboard-date{font-size:13px;color:#6b7a99}.dashboard-header-actions{display:flex;align-items:center;gap:10px}.focus-toggle{padding:7px 14px;font-size:12px;font-weight:600;color:#6b7a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.focus-toggle:hover,.focus-toggle.active{color:#26c6da;border-color:#26c6da66;background:#26c6da14}.dashboard-logout{padding:7px 14px;font-size:12px;font-weight:600;color:#6b7a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.dashboard-logout:hover{color:#e44258;border-color:#e4425866}.dashboard-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:36px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;border:1px solid var(--color-border);transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d1b3e14}.stat-number{font-size:28px;font-weight:800;color:var(--color-navy);line-height:1.2}.stat-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stat-done .stat-number{color:var(--color-aqua)}.stat-working .stat-number{color:var(--color-gold)}.stat-blocked .stat-number{color:var(--color-pink)}.stat-rate .stat-number{color:var(--color-teal)}.dashboard-section{margin-bottom:32px}.dashboard-section-title{font-size:18px;font-weight:700;color:var(--color-navy);margin-bottom:16px}.dashboard-loading,.dashboard-empty{text-align:center;padding:48px 0;color:var(--color-text-secondary);font-size:15px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.board-card{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.board-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0d1b3e1a;border-color:var(--color-teal)}.board-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.board-card-title{font-size:17px;font-weight:700;color:var(--color-navy)}.board-card-shared{font-size:11px;font-weight:600;color:var(--color-teal);background:#e6fafb;padding:2px 8px;border-radius:10px}.board-card-workspace{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.board-card-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-card-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.progress-bar{flex:1;height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-teal),var(--color-aqua));border-radius:3px;transition:width .3s ease;min-width:0}.progress-label{font-size:12px;font-weight:700;color:var(--color-teal);min-width:32px;text-align:right}.board-card-counts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.count-item{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}.count-total{color:var(--color-text-secondary);background:var(--color-bg)}.count-done{color:#0a8a6a;background:#e6faf5}.count-working{color:#b87a00;background:#fff7e6}.count-blocked{color:var(--color-pink);background:#fef0f4}.board-card-meta{font-size:11px;color:var(--color-text-secondary)}.snapshot-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.snapshot-group{background:#fff;border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.snapshot-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.snapshot-overdue .snapshot-group-header{background:#fef2f2;color:#c93a4c;border-bottom:2px solid #f5c2c9}.snapshot-today .snapshot-group-header{background:#fff7e6;color:#b87a00;border-bottom:2px solid #ffe0a3}.snapshot-week .snapshot-group-header{background:#e6fafb;color:#0a8a8a;border-bottom:2px solid #b8edee}.snapshot-group-count{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;background:#00000014}.snapshot-task-list{padding:4px 0;max-height:240px;overflow-y:auto}.snapshot-task{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:background .1s}.snapshot-task:hover{background:#f5f6f8}.snapshot-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.snapshot-task-title{flex:1;font-size:13px;font-weight:500;color:var(--color-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.snapshot-task-date{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.snapshot-task-board{font-size:11px;color:var(--color-teal);background:#e6fafb;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.dashboard{padding:16px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:12px}.today-top-row{flex-direction:column}}.dashboard-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:0}.dash-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7a99;font-size:.88rem;font-weight:600;padding:8px 16px 10px;cursor:pointer;transition:all .15s;margin-bottom:-1px}.dash-tab:hover{color:#abc}.dash-tab.active{color:#26c6da;border-bottom-color:#26c6da}.dashboard-today{display:flex;flex-direction:column;gap:14px}.today-top-row{display:flex;gap:14px;align-items:flex-start}.quickadd-wrapper{flex:1}.today-stats{display:flex;gap:10px;flex-wrap:wrap}.today-stat{display:flex;align-items:center;gap:5px;background:#ffffff0a;border-radius:6px;padding:5px 12px}.today-stat-overdue{background:#e442581a}.today-stat-blocked{background:#e4425814}.today-stat-done{background:#00c8751a}.today-stat-num{font-size:1rem;font-weight:700;color:#d0daf0}.today-stat-overdue .today-stat-num{color:#e44258}.today-stat-blocked .today-stat-num{color:#fdab3d}.today-stat-done .today-stat-num{color:#00c875}.today-stat-lbl{font-size:.75rem;color:#6b7a99}.today-inprogress{background:#11203d;border-radius:10px;overflow:hidden}.today-section-header{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#89b;border-left:3px solid #f5c842}.today-section-count{font-size:.7rem;font-weight:700;background:#ffffff14;color:#abc;border-radius:10px;padding:1px 7px}.inprogress-row{display:flex;align-items:center;gap:8px;padding:7px 16px;cursor:pointer;transition:background .12s}.inprogress-row:hover{background:#ffffff0a}.inprogress-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.inprogress-title{flex:1;font-size:.86rem;color:#c0cce0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inprogress-board{font-size:.72rem;color:#4a5a7a}.dashboard-overview .stat-card{background:#11203d;border:1px solid rgba(255,255,255,.07);color:#e0e8f8}.dashboard-overview .stat-number{color:#e0e8f8}.dashboard-overview .stat-label{color:#6b7a99}.dashboard-overview .stat-done .stat-number{color:#00c875}.dashboard-overview .stat-working .stat-number{color:#f5c842}.dashboard-overview .stat-blocked .stat-number{color:#e44258}.dashboard-overview .stat-rate .stat-number{color:#26c6da}.dashboard-overview .dashboard-section-title{color:#c0cce0;font-size:16px;margin-bottom:14px}.dashboard-overview .board-card{background:#11203d;border-color:#ffffff12}.dashboard-overview .board-card:hover{border-color:#26c6da;box-shadow:0 8px 24px #0000004d}.dashboard-overview .board-card-title{color:#d0daf0}.dashboard-overview .board-card-workspace,.dashboard-overview .board-card-desc{color:#6b7a99}.dashboard-overview .board-card-meta{color:#4a5a7a}.dashboard-overview .count-total{background:#ffffff0d;color:#89b}.dashboard-overview .count-done{background:#00c8751a;color:#00c875}.dashboard-overview .count-working{background:#f5c8421a;color:#f5c842}.dashboard-overview .count-blocked{background:#e442581a;color:#e44258}.dashboard-overview .progress-bar{background:#ffffff0d}.dashboard-overview .board-card-shared{background:#26c6da1a}.dashboard-overview .dashboard-loading,.dashboard-overview .dashboard-empty{color:#6b7a99}.dashboard-weekly{display:flex;flex-direction:column;gap:16px}.weekly-range{font-size:.8rem;color:#6b7a99;margin-bottom:4px}.weekly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.weekly-section{background:#11203d;border-radius:10px;overflow:hidden}.weekly-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;border-left:3px solid transparent}.weekly-done .weekly-section-header{border-left-color:#00c875}.weekly-upcoming .weekly-section-header{border-left-color:#26c6da}.weekly-working .weekly-section-header{border-left-color:#f5c842}.weekly-overdue .weekly-section-header{border-left-color:#e44258}.weekly-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#89b}.weekly-section-count{font-size:.7rem;font-weight:700;background:#ffffff14;color:#abc;border-radius:10px;padding:1px 7px}.weekly-section-body{padding:4px 8px 8px}.weekly-empty{font-size:.8rem;color:#4a5a7a;padding:10px 8px}.weekly-task{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .12s}.weekly-task:hover{background:#ffffff0a}.weekly-task-done{cursor:default}.weekly-task-done:hover{background:transparent}.weekly-check{color:#00c875;font-size:.8rem;flex-shrink:0}.weekly-priority-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.weekly-task-title{flex:1;font-size:.86rem;color:#c0cce0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-task-done .weekly-task-title{color:#6b7a99;text-decoration:line-through}.weekly-task-date{font-size:.72rem;color:#5a6a8a;flex-shrink:0}.weekly-task-meta{font-size:.7rem;color:#3a4a6a;flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-loading{padding:40px;text-align:center;color:#6b7a99;font-size:.9rem}.messaging-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:200;display:flex;align-items:stretch;justify-content:flex-end}.messaging-panel{width:640px;max-width:100vw;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column}.messaging-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.messaging-header h3{font-size:18px;font-weight:700}.messaging-close{font-size:22px;color:var(--color-text-secondary);background:none;border:none;cursor:pointer}.messaging-body{display:flex;flex:1;overflow:hidden}.messaging-conversations{width:220px;border-right:1px solid var(--color-border);overflow-y:auto;flex-shrink:0}.messaging-empty{padding:24px 16px;text-align:center;color:var(--color-text-secondary);font-size:13px}.conversation-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-bg);transition:background .1s}.conversation-item:hover{background:var(--color-bg)}.conversation-item.active{background:#e8f0fe}.conversation-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-unread{min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:var(--color-primary);border-radius:10px;padding:0 6px}.messaging-thread{flex:1;display:flex;flex-direction:column;overflow:hidden}.thread-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.thread-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.thread-name{font-size:14px;font-weight:600}.thread-username{font-size:12px;color:var(--color-text-secondary)}.thread-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4}.message-bubble.sent{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message-bubble.received{align-self:flex-start;background:var(--color-bg);color:var(--color-text);border-bottom-left-radius:4px}.message-time{font-size:10px;opacity:.7;margin-top:4px}.thread-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border)}.thread-input-field{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:20px;font-size:14px;outline:none}.thread-input-field:focus{border-color:var(--color-primary)}.thread-send-btn{padding:8px 20px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:20px;cursor:pointer}.thread-send-btn:disabled{opacity:.5}.thread-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-secondary);font-size:14px}.contacts-page{padding:32px 40px;max-width:1100px;margin:0 auto}.contacts-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.contacts-header h1{font-size:28px;font-weight:700;color:var(--color-text);margin:0}.contacts-subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.contacts-add-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.contacts-add-btn:hover{background:var(--color-primary-hover)}.contacts-add-btn:disabled{opacity:.5;cursor:not-allowed}.contacts-search{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;margin-bottom:24px;background:var(--color-surface)}.contacts-empty{text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:15px}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .15s,transform .15s}.contact-card:hover{box-shadow:0 4px 16px #0a16281a;transform:translateY(-2px)}.contact-card-top{display:flex;justify-content:space-between;align-items:center}.contact-name{font-weight:700;font-size:16px;color:var(--color-text)}.contact-delete{background:none;border:none;color:var(--color-text-secondary);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.contact-delete:hover{color:var(--color-danger)}.contact-role{color:var(--color-text-secondary);font-size:13px;margin-top:2px}.contact-line{font-size:13px;color:var(--color-text);margin-top:6px}.contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.contact-tag{background:var(--color-aqua);color:var(--color-navy);font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.contact-tag button{background:none;border:none;color:var(--color-navy);cursor:pointer;font-size:13px;line-height:1;padding:0}.contact-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162866;display:flex;justify-content:flex-end;z-index:1000}.contact-drawer{width:420px;max-width:90vw;height:100%;background:var(--color-surface);box-shadow:-4px 0 24px #0a162833;overflow-y:auto;animation:contact-slide-in .2s ease}@keyframes contact-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.contact-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.contact-drawer-header h2{margin:0;font-size:18px}.contact-drawer-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--color-text-secondary)}.contact-form{padding:24px;display:flex;flex-direction:column;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.contact-form input,.contact-form textarea{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;font-weight:400;color:var(--color-text)}.contact-form textarea{resize:vertical}.tag-input-row{display:flex;gap:8px}.tag-input-row input{flex:1}.tag-input-row button{background:var(--color-navy-light);color:#fff;border:none;border-radius:8px;padding:0 14px;cursor:pointer;font-weight:600}.contact-form-actions{display:flex;gap:10px;margin-top:8px}.contact-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer}.contact-cancel:hover{background:var(--color-bg)}.files-page{padding:32px 40px;max-width:1100px;margin:0 auto}.files-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.files-header h1{font-size:28px;font-weight:700;color:var(--color-text);margin:0}.files-subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.files-upload-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.files-upload-btn:hover{background:var(--color-primary-hover)}.files-upload-btn:disabled{opacity:.5;cursor:not-allowed}.files-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.files-search{flex:1;min-width:220px;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-surface)}.files-filters select{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-surface)}.files-empty{text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:15px}.files-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.files-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.files-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.files-table tr:last-child td{border-bottom:none}.files-name-cell{font-weight:600;color:var(--color-text)}.files-icon{margin-right:8px}.files-location{color:var(--color-text-secondary);font-size:13px}.files-sep{opacity:.5}.files-standalone-tag{display:inline-block;margin-left:8px;background:var(--color-gold);color:var(--color-navy);font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase}.files-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.files-download{color:var(--color-primary);font-weight:600;text-decoration:none;font-size:13px}.files-download:hover{text-decoration:underline}.files-delete{background:none;border:none;color:var(--color-text-secondary);font-size:20px;line-height:1;cursor:pointer}.files-delete:hover{color:var(--color-danger)}.files-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162866;display:flex;align-items:center;justify-content:center;z-index:1000}.files-modal{width:420px;max-width:90vw;background:var(--color-surface);border-radius:12px;box-shadow:0 12px 40px #0a16284d;overflow:hidden}.files-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--color-border)}.files-modal-header h2{margin:0;font-size:18px}.files-modal-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--color-text-secondary)}.files-modal-body{padding:22px;display:flex;flex-direction:column;gap:16px}.files-modal-body label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.files-modal-body input[type=file],.files-modal-body select{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:400;color:var(--color-text);background:var(--color-surface)}.files-modal-actions{display:flex;gap:10px;margin-top:4px}.files-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer}.files-cancel:hover{background:var(--color-bg)}.timeline-page{padding:28px 32px;display:flex;flex-direction:column;height:100%}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.timeline-header h1{font-size:28px;font-weight:700;color:var(--color-text);margin:0}.timeline-subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.timeline-board-select{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-surface);min-width:180px}.timeline-empty{text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:15px}.timeline-scroll{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.timeline-grid{position:relative;min-width:100%}.timeline-axis-row{display:flex;position:sticky;top:0;z-index:3;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.timeline-name-col{flex:0 0 220px;width:220px;padding:0 12px;display:flex;align-items:center;gap:8px;position:sticky;left:0;z-index:2;background:var(--color-surface);border-right:1px solid var(--color-border)}.timeline-axis-corner{background:var(--color-bg);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);height:38px}.timeline-axis{position:relative;height:38px}.timeline-tick{position:absolute;top:0;height:100%;border-left:1px solid var(--color-border);box-sizing:border-box}.timeline-tick-label{font-size:10px;color:var(--color-text-secondary);padding-left:3px;line-height:38px;white-space:nowrap}.timeline-task-row{display:flex;border-bottom:1px solid var(--color-border);height:42px}.timeline-task-row:last-child{border-bottom:none}.timeline-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timeline-task-title{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track{position:relative;height:42px}.timeline-bar{position:absolute;top:9px;height:24px;border-radius:6px;display:flex;align-items:center;padding:0 8px;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 3px #0a16282e}.timeline-bar-label{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-milestone{position:absolute;top:13px;width:14px;height:14px;transform:rotate(45deg);border-radius:2px;box-shadow:0 1px 3px #0a162840}.timeline-today{position:absolute;top:0;width:2px;height:100%;background:var(--color-danger);z-index:2}.timeline-today-faint{position:absolute;top:0;width:2px;height:100%;background:#e6397540}.timeline-legend{display:flex;gap:20px;padding:12px 4px 0;font-size:12px;color:var(--color-text-secondary)}.timeline-legend-item{display:inline-flex;align-items:center;gap:6px}.timeline-legend-bar{width:22px;height:12px;border-radius:4px;background:var(--color-primary)}.timeline-legend-diamond{width:12px;height:12px;transform:rotate(45deg);border-radius:2px;background:var(--color-primary)}.timeline-legend-today{width:2px;height:14px;background:var(--color-danger)}.admin-page{padding:24px 28px;max-width:1000px;overflow-x:auto}.admin-header h1{margin:0 0 4px;font-size:22px;color:#0a1628}.admin-header p{margin:0 0 20px;color:#5f6b80;font-size:14px}.admin-error{background:#faece7;color:#993c1d;border:1px solid #f0997b;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.admin-section{background:#fff;border:1px solid #e4e8f0;border-radius:12px;padding:18px 20px;margin-bottom:20px}.admin-section h2{margin:0 0 14px;font-size:16px;color:#1a2849}.admin-invite-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-invite-form input[type=email]{flex:1;min-width:220px;padding:9px 12px;border:1px solid #d6deea;border-radius:8px;font-size:14px}.admin-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#44506a}.admin-invite-form button{background:#1aa5b8;color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.admin-invite-form button:disabled{opacity:.6;cursor:default}.admin-subhead,.admin-invite-list{margin-top:16px}.admin-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7b8499;margin-bottom:8px}.admin-invite-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #eef1f6}.admin-invite-email{min-width:180px;font-size:14px;color:#1b2535}.admin-link{flex:1;min-width:160px;padding:6px 10px;border:1px solid #e4e8f0;border-radius:6px;font-size:12px;color:#5f6b80;background:#f7f9fc}.admin-btn{background:#eef3f8;border:1px solid #d6deea;color:#1a2849;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap}.admin-btn:hover{background:#e1e9f2}.admin-btn.danger{color:#993c1d;border-color:#f0997b;background:#fbf0eb}.admin-btn.danger:hover{background:#f6e1d8}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;font-size:12px;color:#7b8499;font-weight:600;padding:8px 10px;border-bottom:1px solid #e4e8f0}.admin-table td{padding:10px;border-bottom:1px solid #eef1f6;color:#1b2535;vertical-align:middle}.admin-table tr.suspended{opacity:.55}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:12px;font-weight:600;margin-right:8px;vertical-align:middle}.admin-handle{color:#8a93a6;font-size:12px}.admin-tag{display:inline-block;background:#e1f5f7;color:#0f6e7a;font-size:11px;padding:2px 7px;border-radius:5px;margin-left:6px}.admin-status{font-size:13px;text-transform:capitalize}.admin-status.active{color:#0f6e56}.admin-status.suspended{color:#993c1d}.admin-empty{text-align:center;color:#8a93a6;padding:20px}.app{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;min-width:0;overflow-y:auto;overflow-x:auto;padding:0;background:var(--color-bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);gap:8px}.empty-state h2{font-size:24px;font-weight:600;color:var(--color-text)}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 260px;--color-bg: #f0f2f8;--color-surface: #fff;--color-border: #dde1ea;--color-text: #1a1d2e;--color-text-secondary: #5a5e73;--color-primary: #26c6da;--color-primary-hover: #1eb5c8;--color-danger: #e63975;--color-danger-hover: #c9305f;--color-navy: #0a1628;--color-navy-light: #11203d;--color-sidebar: #26334d;--color-sidebar-text: #d6deef;--color-focus: #26c6da;--color-pink: #d63384;--color-coral: #ef5350;--color-orange: #f58a3c;--color-gold: #f5c842;--color-teal: #26c6da;--color-aqua: #3dd6d0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}