@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;1,500&display=swap";:root{--brand-cream: #f8f4e1;--brand-gold: #feba17;--brand-orange: #d98324;--brand-brown: #74512d;--brand-brown-dark: #4e1f00;--warm-50: #fbf9f0;--warm-100: #f3ede0;--warm-200: #e6dac2;--warm-300: #d3bd97;--warm-400: #b4966a;--warm-500: #8f7150;--warm-600: #6e5539;--warm-700: #543f2a;--warm-800: #3a2a1c;--warm-900: #241a11;--color-orange-text: #a5590f;--color-success: #4e7c4e;--color-warning: var(--brand-gold);--color-danger: #c4472b;--bg-canvas: var(--brand-cream);--bg-surface: #ffffff;--bg-surface-sunken: var(--warm-50);--border-default: var(--warm-200);--border-strong: var(--warm-300);--text-primary: rgba(78, 31, 0, .87);--text-secondary: var(--warm-600);--text-muted: var(--warm-400);--text-on-brand: var(--brand-cream);--text-on-dark: #edf0f1;--accent: var(--brand-gold);--action-primary: var(--brand-orange);--action-primary-hover: rgba(217, 131, 36, .85);--action-primary-text: var(--color-orange-text);--focus-ring: var(--brand-gold);--font-display: "Montserrat", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-body: system-ui, Avenir, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.9375rem;--text-3xl: 2.4375rem;--leading-tight: 1.2;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-1: 0 1px 3px rgba(62, 39, 21, .12);--shadow-2: 0 4px 12px rgba(62, 39, 21, .15);--shadow-3: 0 8px 24px rgba(62, 39, 21, .18);--shadow-4: 0 10px 40px rgba(62, 39, 21, .25);--dur-fast: .15s;--dur: .2s;--dur-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);color-scheme:light}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text-primary);background-color:var(--bg-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{font-weight:var(--weight-medium);color:var(--action-primary-text);text-decoration:inherit}a:hover{color:var(--brand-orange)}button{font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-pill);border:1px solid transparent;padding:.6em 1.2em;background-color:var(--action-primary);color:var(--text-on-brand);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}button:hover:not(:disabled){background-color:var(--action-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--bg-surface);color:var(--action-primary-text);border:1px solid var(--brand-orange)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-sunken)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#a83b23}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:var(--text-base);color:var(--text-primary)}textarea::placeholder,input::placeholder{font-weight:var(--weight-medium);opacity:.6;color:var(--text-muted);font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-canvas);padding:var(--space-5);border-radius:var(--radius-md);width:300px;box-shadow:var(--shadow-4);position:relative;z-index:1001}.modal h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-4) 0;color:var(--text-primary)}.modal input,.modal select,.modal textarea{width:100%;box-sizing:border-box;margin-bottom:var(--space-4);padding:var(--space-2);background-color:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-primary);font-family:inherit;font-size:var(--text-base)}.modal-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.modal-actions button{flex:1;padding:var(--space-2) var(--space-4)}.demo-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.modal .demo-login-btn{display:block;width:100%;margin:0;background:var(--bg-surface);color:var(--action-primary-text);border:1px solid var(--brand-orange);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out);box-sizing:border-box}.modal .demo-login-btn:hover:not(:disabled){background:var(--brand-orange);color:var(--text-on-brand)}.modal .demo-login-btn:disabled{opacity:.6;cursor:not-allowed}.switch-to-demo{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.link-btn{background:none;border:none;color:var(--action-primary-text);font-size:inherit;padding:0;margin:0;cursor:pointer;text-decoration:underline;font-family:inherit;font-weight:inherit;line-height:inherit}.link-btn:hover{border-color:transparent;color:var(--brand-orange)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{padding:14px 20px;border-radius:var(--radius-md);color:var(--text-on-brand);font-weight:var(--weight-medium);box-shadow:var(--shadow-2);animation:slideIn var(--dur-slow) var(--ease-out);cursor:pointer;min-width:250px}.toast-success{background-color:var(--color-success)}.toast-error{background-color:var(--color-danger)}.toast-info{background-color:var(--brand-brown)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}*{box-sizing:border-box;margin:0;padding:0}.navbar{position:sticky;top:0;z-index:500;background-color:var(--brand-brown-dark);min-height:3.5em;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)}.logo{cursor:pointer}.img-logo{box-sizing:border-box;margin-right:auto}.navbar img{height:30px}.user-name{color:var(--text-on-dark);cursor:default}.navbar li,.navbar a{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--text-on-dark);text-decoration:none}.left-panel{list-style:none}.left-panel li{display:inline-block;padding:0 1em}.left-panel li a{transition:color var(--dur-slow) var(--ease-out)}.left-panel li a:hover{color:var(--brand-gold)}.left-panel li a.active{color:var(--brand-gold);font-weight:var(--weight-semibold)}.right-panel button{padding:9px 25px;margin-left:var(--space-5)}@media(max-width:640px){.navbar{flex-wrap:wrap;gap:6px;padding:8px 12px}.user-name{display:none}.left-panel li{padding:0 .4em}.navbar li,.navbar a{font-size:var(--text-sm)}.right-panel button{padding:7px 14px;font-size:var(--text-xs);margin-left:var(--space-2)}}:root{--about-primary: var(--brand-brown-dark);--about-secondary: var(--brand-orange);--about-card-bg: var(--bg-surface);--about-text: var(--text-primary);--about-text-muted: var(--text-secondary);--about-shadow: var(--shadow-1);--about-shadow-hover: var(--shadow-2);--about-border-radius: var(--radius-lg);--about-transition: var(--dur-slow) var(--ease-out)}.about-page{padding:60px 20px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--about-text);background:var(--bg-canvas);min-height:calc(100vh - 80px)}.container{max-width:700px;margin:0 auto;display:flex;flex-direction:column}.section{margin-bottom:50px}.about-intro{text-align:center;margin-bottom:60px}.about-title{font-size:var(--text-3xl);font-weight:700;color:var(--about-primary);position:relative;margin:0 0 20px}.about-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--about-secondary),var(--brand-gold));margin:12px auto 0;border-radius:2px}.about-description{font-size:1.15rem;line-height:1.7;color:var(--about-text-muted);margin:0}.section-title{font-size:var(--text-xl);margin-bottom:25px;color:var(--about-primary);font-weight:600;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--about-secondary),var(--brand-gold));border-radius:2px}.features-container{display:flex;gap:16px}.features-column{background:var(--about-card-bg);padding:20px 24px;border-radius:var(--about-border-radius);box-shadow:var(--about-shadow);width:100%;border-left:4px solid var(--about-secondary);transition:all var(--about-transition)}.features-list{list-style:none;padding:0;margin:0;display:grid;gap:8px 24px}.feature-item{padding:8px 0;color:var(--about-text);font-size:.95rem;display:flex;align-items:center;gap:10px}.feature-item:before{content:"▹";color:var(--about-secondary);font-weight:700;flex-shrink:0}.tech-container{display:flex;gap:16px}.tech-category{background:var(--about-card-bg);padding:24px;border-radius:var(--about-border-radius);box-shadow:var(--about-shadow);transition:all var(--about-transition);border-left:4px solid var(--about-secondary);width:100%}.features-column:hover,.tech-category:hover,.purpose-text:hover{transform:translate(4px);box-shadow:var(--about-shadow-hover)}.tech-title{font-size:1.1rem;margin-bottom:16px;color:var(--about-primary);font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--border-default)}.tech-list{list-style:none;padding:0;margin:0;display:grid;gap:8px 16px}.tech-list li{padding:6px 0;color:var(--about-text-muted);font-size:.9rem;display:flex;align-items:center;gap:8px}.tech-list li:before{content:"▹";color:var(--about-secondary);font-weight:700}.purpose-text{font-size:1.05rem;line-height:1.8;color:var(--about-text-muted);background:var(--about-card-bg);padding:24px 28px;border-radius:var(--about-border-radius);box-shadow:var(--about-shadow);border-left:4px solid var(--about-secondary);margin:0;transition:all var(--about-transition)}@media(max-width:768px){.about-page{padding:40px 16px}.container{max-width:100%}.about-title{font-size:2rem}.about-description{font-size:1rem}.features-list{grid-template-columns:1fr}.tech-list{grid-template-columns:1fr 1fr}}.container{display:flex;max-width:1140px;box-sizing:border-box}.NotFoundMessage{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:1em;margin-inline-end:1em;unicode-bidi:isolate;max-width:50%;align-self:center!important}h1{font-size:7.5em;margin:15px 0;font-weight:var(--weight-bold);color:var(--brand-brown-dark)}h2{font-weight:var(--weight-bold);color:var(--text-primary)}.btn{z-index:1;overflow:hidden;background:transparent;position:relative;padding:8px 50px;border-radius:var(--radius-pill);cursor:pointer;font-size:1em;letter-spacing:2px;transition:.2s ease;font-weight:var(--weight-bold);margin:5px 0}.btn.orange{border:4px solid var(--brand-orange);color:var(--brand-brown-dark)}.btn.orange:before{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background:var(--brand-orange);z-index:-1;transition:.2s ease}.btn.orange:hover{color:var(--text-on-brand);background:var(--brand-orange);transition:.2s ease}.btn.orange:hover:before{width:100%}.view-container-wrapper{padding:var(--space-5);max-width:1200px;margin:0 auto;min-height:100vh;box-sizing:border-box}.new-board-button{margin-top:var(--space-5)}.boards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-6);width:100%}.board-card{background:var(--bg-surface);border-radius:var(--radius-md);border-top:4px solid var(--brand-gold);padding:var(--space-4);box-shadow:var(--shadow-1);position:relative;cursor:pointer;transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);width:100%;box-sizing:border-box;display:flex;flex-direction:column}.board-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.board-card:hover .board-title{color:var(--action-primary-text)}.board-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.board-card.dragging{opacity:.8;transform:rotate(2deg);box-shadow:var(--shadow-3)}.board-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.guest-badge{background-color:var(--brand-gold);color:var(--brand-brown-dark);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);margin-right:var(--space-5);font-weight:var(--weight-bold)}.board-card-link{display:block;flex:1;color:inherit}.board-card-title{flex:1}.board-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:var(--weight-semibold)}.board-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.board-stats{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);margin-top:auto}.delete-icon{position:absolute;top:8px;right:8px;font-size:1.4rem;color:var(--text-secondary);cursor:pointer;transition:color var(--dur) var(--ease-out);background:none;border:none;padding:0;line-height:1}.delete-icon:hover{color:var(--action-primary-text)}.homepage{text-align:center;margin-top:var(--space-2);margin-bottom:var(--space-5);padding:0 60px 10px}@media(max-width:640px){.homepage{padding:0 16px 10px}.homepage h2{font-size:var(--text-lg)}.view-container-wrapper{padding:12px}.boards-container{grid-template-columns:1fr}}.homepage h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4)}.homepage p{color:var(--text-secondary);font-size:var(--text-base)}.inline-edit .edit-icon{margin-left:6px;cursor:pointer;color:var(--text-secondary);vertical-align:middle;transition:color var(--dur) var(--ease-out)}.inline-edit .edit-icon:hover{color:var(--action-primary-text)}.board-container-wrapper{padding:var(--space-5);max-width:1600px;margin:0 auto;animation:fadeIn var(--dur-slow) var(--ease-out)}.board-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.header-info h1{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);color:var(--text-primary)}.header-info .board-description{margin:0;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--dur) var(--ease-out);min-height:24px}.header-info .board-description:hover{background-color:var(--bg-surface-sunken)}.board-description-editor{margin-top:var(--space-2)}.board-description-editor textarea{width:100%;padding:10px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;resize:vertical;background-color:var(--bg-surface);color:var(--text-primary)}.board-description-editor textarea:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 2px #d9832433}.board-description-editor .editor-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.board-description-editor .editor-actions button{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.board-description-editor .editor-actions button:last-child{background-color:var(--brand-orange);color:var(--text-on-brand);border-radius:var(--radius-pill)}.board-description-editor .editor-actions button:last-child:hover{background-color:var(--action-primary-hover)}.board-description-editor .editor-actions button:first-child{background-color:var(--bg-surface);color:var(--action-primary-text);border:1px solid var(--brand-orange);border-radius:var(--radius-pill)}.board-description-editor .editor-actions button:first-child:hover{background-color:var(--bg-surface-sunken)}.header-info .template-description{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.header-buttons{display:flex;gap:var(--space-3)}.new-list-button{padding:9px 25px;margin-left:var(--space-5)}.board-container-view{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);background-color:var(--bg-canvas);padding:var(--space-5);border-radius:var(--radius-md);min-height:400px}.list-container{position:relative;background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-3);min-width:280px;max-width:280px;box-shadow:var(--shadow-1);flex-shrink:0;font-size:1.1rem;margin-bottom:var(--space-4)}.list-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);transition:all var(--dur) var(--ease-out)}.card-container{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.card-item{position:relative;background-color:var(--bg-surface);border-radius:var(--radius-sm);padding:10px;margin:var(--space-2) 0;box-shadow:var(--shadow-1);transition:background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer}.card-item:hover{background-color:var(--bg-surface-sunken);transform:translateY(-1px);box-shadow:var(--shadow-2)}.card-title{margin:0 0 4px;font-size:var(--text-sm);color:var(--text-primary)}.card-item-description{margin:0;font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.priority-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:var(--weight-semibold);color:var(--text-on-brand);text-transform:uppercase;margin-bottom:4px}.card-labels{display:flex;gap:3px;margin-bottom:4px}.card-label-dot{width:24px;height:6px;border-radius:3px}.due-date-badge{display:block;font-size:var(--text-xs);color:var(--action-primary-text);margin-top:4px}.due-date-badge.overdue{color:var(--color-danger);font-weight:var(--weight-semibold)}.due-date-badge.today{color:#a86f00;font-weight:var(--weight-semibold)}.comments-count{display:block;font-size:var(--text-xs);color:var(--action-primary-text);margin-top:4px}.delete-card-icon{position:absolute;top:8px;right:8px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease-out);z-index:10}.card-item:hover .delete-card-icon{opacity:1}.delete-card-icon:hover{color:var(--action-primary-text)}.new-card-button{display:block;width:calc(100% - 8px);margin:var(--space-2) 4px;padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:var(--text-sm);transition:background-color var(--dur) var(--ease-out)}.new-card-button:hover{background-color:var(--bg-surface-sunken);color:var(--text-primary)}.list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding:0 4px}.list-title{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.list-delete-icon{position:absolute;top:8px;right:8px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur) var(--ease-out);z-index:10}.list-delete-icon:hover{color:var(--action-primary-text)}.card-input-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);width:100%}.card-input-container input{padding:.5rem;border:1px solid var(--border-strong);border-radius:6px;font-size:var(--text-sm);background-color:var(--bg-canvas);color:var(--text-primary)}.card-input-container input::placeholder{font-weight:var(--weight-bold);opacity:.5;color:var(--text-primary)}.card-input-actions{display:flex;justify-content:flex-end}.add-card-btn,.cancel-card-btn{padding:.3rem .6rem;font-size:var(--text-base);font-weight:var(--weight-bold);border-radius:6px;cursor:pointer;border:1px solid var(--brand-orange)}.add-card-btn{background-color:var(--brand-orange);color:var(--text-on-brand)!important}.cancel-card-btn{background-color:var(--bg-surface);color:var(--action-primary-text)}.cancel-card-btn:hover{background-color:var(--bg-surface-sunken)}@media(max-width:640px){.board-header{flex-direction:column;gap:var(--space-4)}.header-buttons{width:100%}.header-buttons .back-btn,.header-buttons{flex:1;text-align:center}.list-container{min-width:240px;max-width:240px}.delete-card-icon{opacity:1}.board-container-wrapper{padding:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#241a1199;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.card-detail-modal{background:var(--bg-canvas);border-radius:var(--radius-md);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-4)}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--action-primary-text);z-index:10;border-radius:var(--radius-pill);padding:6px 16px}.close-btn:hover{color:var(--brand-brown)}.modal-header{padding:20px 20px 0}.card-title-input{width:100%;font-size:var(--text-xl);font-weight:var(--weight-bold);border:none;background:transparent;padding:8px;border-radius:var(--radius-sm);color:var(--text-primary)}.card-title-input:focus{background:var(--bg-surface-sunken);outline:2px solid var(--brand-gold)}.modal-body{display:flex;gap:var(--space-5);padding:20px}.modal-main{flex:1;min-width:0}.modal-sidebar{width:200px;flex-shrink:0}.card-section{margin-bottom:var(--space-5)}.card-section h4{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--action-primary-text);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold)}.labels-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.label-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-on-brand);font-weight:var(--weight-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-remove{background:none;border:none;color:var(--text-on-brand);cursor:pointer;font-size:14px;padding:0;opacity:.8}.label-remove:hover{opacity:1}.add-label-btn{padding:4px 10px;background:var(--bg-surface);border:1px solid var(--brand-orange);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;color:var(--action-primary-text)}.label-picker{margin-top:10px;padding:10px;background:var(--bg-surface-sunken);border-radius:var(--radius-sm);border:1px solid var(--brand-orange)}.label-option{display:block;padding:6px 10px;margin-bottom:4px;border:none;border-radius:var(--radius-sm);color:var(--text-on-brand);cursor:pointer;text-align:left}.label-option:hover{opacity:.9}.label-option-row{display:flex;align-items:center;gap:4px}.label-option-row .label-option{flex:1;margin-bottom:4px}.label-delete-btn{background:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--text-on-brand);width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.label-delete-btn:hover{background:#a83b23}.new-label-form{display:flex;gap:8px;margin-top:10px;align-items:center}.new-label-form input[type=text]{flex:1;padding:6px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary)}.new-label-form input[type=text]::placeholder{color:var(--text-muted);opacity:1}.new-label-form input[type=color]{width:30px;height:30px;border:none;cursor:pointer}.new-label-form button{padding:6px 12px;border-radius:var(--radius-sm)}.description-display{padding:12px;background:var(--bg-surface);border-radius:var(--radius-sm);min-height:60px;cursor:pointer;border-left:3px solid var(--brand-orange)}.description-display .description-placeholder{color:var(--text-muted)}.description-display p{margin:0 0 8px}.description-display p:last-child{margin-bottom:0}.description-display h1,.description-display h2,.description-display h3{margin:0 0 6px;font-size:1em;font-weight:var(--weight-semibold)}.description-display ul,.description-display ol{margin:0 0 8px;padding-left:20px}.description-display code{background:var(--bg-surface-sunken);padding:1px 4px;border-radius:3px;font-size:.85em}.description-display pre{background:var(--bg-surface-sunken);padding:8px;border-radius:var(--radius-sm);overflow-x:auto}.description-editor textarea{color:var(--text-primary);width:100%;padding:10px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;background-color:var(--bg-surface)}.description-editor textarea:focus{outline:none;border-color:var(--brand-brown)}.editor-actions{margin-top:8px;display:flex;gap:8px}.editor-actions button{padding:6px 12px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm)}.editor-actions button:first-child{background:var(--brand-orange);color:var(--text-on-brand)}.editor-actions button:first-child:hover{background:var(--brand-brown)}.editor-actions button:last-child{background:var(--bg-surface);color:var(--action-primary-text)}.comment-form{margin-bottom:var(--space-4)}.comment-form textarea{background-color:var(--bg-surface);color:var(--text-primary);width:100%;padding:10px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm);resize:vertical;font-family:inherit}.comment-form textarea:focus{outline:none;border-color:var(--brand-brown)}.comment-form button{margin-top:8px;padding:8px 16px;background:var(--brand-orange);color:var(--text-on-brand);border:none;border-radius:var(--radius-sm)}.comment-form button:disabled{background:var(--warm-300);cursor:not-allowed}.comment-form button:hover:not(:disabled){background:var(--brand-brown)}.comments-list{max-height:300px;overflow-y:auto}.comment-item{padding:12px;background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:8px;border-left:3px solid var(--brand-orange)}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-author{font-weight:var(--weight-semibold);font-size:.9rem;color:var(--action-primary-text)}.comment-date{color:var(--text-secondary);font-size:.8rem}.delete-comment-btn{margin-left:auto;background:none;border:none;color:var(--action-primary-text);cursor:pointer;font-size:18px}.delete-comment-btn:hover{color:var(--color-danger)}.comment-content{margin:0;font-size:.9rem;white-space:pre-wrap}.sidebar-section{margin-bottom:var(--space-5)}.sidebar-section h4{margin:0 0 8px;color:var(--action-primary-text)}.priority-select{width:100%;padding:8px;border:none;border-left:4px solid var(--brand-orange);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;font-size:.95rem;color:var(--text-primary)}.priority-select:focus{outline:none;background:var(--bg-canvas)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);opacity:1}.due-date-input{color:var(--action-primary-text);background-color:var(--bg-surface);width:100%;padding:8px;border:1px solid var(--brand-orange);border-radius:var(--radius-sm)}.due-date-input:focus{outline:none;border-color:var(--brand-brown)}.due-date-input.overdue{border-color:var(--color-danger);background:#fef2f2}.overdue-badge{display:block;margin-top:4px;color:var(--color-danger);font-size:.8rem;font-weight:var(--weight-semibold)}.card-id,.card-list{font-size:.85rem;color:var(--text-secondary);margin:4px 0}@media(max-width:600px){.modal-body{flex-direction:column}.modal-sidebar{width:100%}}.skeleton{background:linear-gradient(90deg,var(--warm-100) 25%,var(--warm-200) 37%,var(--warm-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.templates-page{padding:20px;max-width:1200px;margin:0 auto}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.templates-header h1{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.create-template-btn{background-color:var(--brand-orange);color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:500;transition:background-color .2s,transform .1s}.create-template-btn:hover{background-color:var(--action-primary-hover)}.create-template-btn:active{transform:translateY(0)}.retry-btn{padding:10px 20px;background-color:var(--brand-orange);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:var(--action-primary-hover)}.templates-empty{text-align:center;padding:60px 20px;background:var(--bg-surface-sunken);border-radius:8px}.empty-icon{font-size:48px;margin-bottom:16px}.templates-empty p{color:var(--text-secondary);font-size:16px;margin:8px 0}.empty-subtitle{color:var(--text-muted)!important;font-size:14px!important}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(min-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.template-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px var(--shadow-1);position:relative;transition:box-shadow .2s,transform .2s;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-card:hover{box-shadow:0 4px 12px var(--shadow-2);transform:translateY(-2px)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.template-card-header h3{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.delete-template-btn{position:absolute;top:28px;right:8px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:20;font-size:24px;background:none;border:none;padding:0;line-height:1}.template-card:hover .delete-template-btn{opacity:1}.delete-template-btn:hover{color:var(--brand-orange)}.delete-template-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.template-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px;min-height:40px;line-height:1.4}.template-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.template-card-actions{display:flex;gap:8px}.preview-btn{flex:1;padding:10px 12px;background-color:#fff;color:var(--brand-orange);text-align:center;text-decoration:none;border-radius:20px;font-size:14px;transition:background-color .2s;border:1px solid var(--brand-orange)}.preview-btn:hover{background-color:var(--bg-surface-sunken)}.use-template-btn{flex:1;padding:10px 12px;background-color:var(--brand-orange);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:background-color .2s}.use-template-btn:disabled{background-color:var(--warm-300);cursor:not-allowed}.public-badge{position:absolute;top:8px;right:8px;background-color:var(--color-success);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.user-badge{position:absolute;top:8px;right:8px;background-color:var(--border-default);color:var(--text-primary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.template-preview-page{padding:20px;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-out}.template-preview-loading,.template-preview-error{text-align:center;padding:40px;font-size:18px;color:var(--text-secondary)}.template-preview-error .back-btn{display:inline-block;margin-top:16px;padding:10px 20px;background-color:var(--brand-orange);color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.template-preview-error .back-btn:hover{background-color:var(--brand-orange)}.template-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.header-info h1{margin:0 0 8px;font-size:var(--text-2xl);color:var(--text-primary)}.header-info .template-description{margin:0;color:var(--text-secondary);font-size:16px}.header-actions{display:flex;gap:12px}.back-btn{padding:10px 20px;background-color:#fff;color:var(--brand-orange);text-decoration:none;border-radius:20px;border:1px solid var(--brand-orange);transition:background-color .2s}.back-btn:hover{background-color:var(--bg-surface-sunken)}.use-template-btn{padding:10px 24px;background-color:var(--brand-orange);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s}.use-template-btn:hover{background-color:var(--action-primary-hover)}.use-template-btn:active{transform:translateY(0)}.use-template-btn:disabled{background-color:var(--warm-300);cursor:not-allowed;transform:none}.template-preview-content{background-color:var(--bg-canvas);padding:20px;border-radius:8px;min-height:400px;animation:fadeIn .4s ease-out .1s both}.template-lists-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.template-list{background-color:#fff;border-radius:8px;min-width:280px;max-width:280px;padding:12px;animation:slideIn .3s ease-out both;border:1px solid var(--brand-orange)}.template-list .list-title{margin:0 0 12px;font-size:16px;color:var(--text-primary);padding:0 4px}.list-cards{display:flex;flex-direction:column;gap:8px}.template-list .template-card{background-color:#fff;border-radius:4px;padding:10px;box-shadow:0 1px 2px var(--shadow-1);animation:slideIn .3s ease-out both;border:1px solid var(--brand-orange)}.template-list .card-title{margin:0 0 4px;font-size:14px;color:var(--text-primary)}.template-list .card-description{margin:0;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.no-cards,.no-lists{text-align:center;color:var(--text-secondary);font-size:14px;padding:20px}.no-lists .empty-icon{font-size:36px;margin-bottom:8px}.templates-error{text-align:center;padding:40px 20px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.templates-error p{color:#dc2626;margin-bottom:16px}@media(max-width:640px){.template-preview-header{flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions .back-btn,.header-actions .use-template-btn{flex:1;text-align:center}.template-list{min-width:260px;max-width:260px}}.create-template-page{padding:20px;max-width:900px;margin:0 auto;animation:fadeIn .3s ease-out}.create-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-template-header h1{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.create-template-header .back-btn{padding:8px 16px;background-color:#fff;color:var(--brand-orange);text-decoration:none;border-radius:20px;transition:background-color .2s}.create-template-header .back-btn:hover{background-color:var(--bg-surface-sunken)}.create-template-error{text-align:center;padding:40px}.create-template-error p{margin-bottom:16px;color:var(--text-secondary)}.create-template-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px var(--shadow-1);animation:fadeIn .4s ease-out .1s both}.form-section{margin-bottom:24px}.form-section label{display:block;margin-bottom:8px;color:var(--text-primary)}.form-section input[type=text],.form-section textarea{width:100%;padding:10px 12px;border:1px solid var(--brand-orange);border-radius:4px;font-size:14px;font-weight:400;transition:border-color .2s;box-sizing:border-box;background-color:#fff;color:var(--text-secondary);font-family:inherit}.form-section input[type=text]::placeholder,.form-section textarea::placeholder{font-weight:400;color:var(--text-muted);opacity:1;font-family:inherit}.form-section input[type=text]:focus,.form-section textarea:focus{border:2px solid var(--brand-orange);outline:none}.checkbox-section label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-section input[type=checkbox]{width:18px;height:18px;cursor:pointer}.lists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lists-header h3{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.add-list-btn{padding:8px 16px;background-color:var(--brand-orange);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .2s,transform .1s}.add-list-btn:hover{background-color:var(--action-primary-hover);transform:translateY(-1px)}.add-list-btn:active{transform:translateY(0)}.empty-lists-state{text-align:center;padding:40px;background-color:var(--bg-surface-sunken);border-radius:8px;border:2px dashed var(--border-default)}.empty-lists-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-lists-state p{color:var(--text-secondary);margin:0}.template-builder-lists{display:flex;flex-direction:column;gap:16px}.builder-list{background-color:var(--bg-surface-sunken);border-radius:8px;padding:16px;animation:slideIn .3s ease-out both}.builder-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.list-title-input{flex:1;padding:8px 12px;border:2px solid var(--border-default);border-radius:4px;font-size:14px;font-weight:400}.list-title-input::placeholder{font-weight:400;color:var(--text-muted)}.list-title-input:focus{border-color:var(--brand-orange);outline:none}.remove-list-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0 8px;line-height:1;transition:color .2s}.remove-list-btn:hover{color:var(--color-danger)}.builder-cards{display:flex;flex-direction:column;gap:8px}.builder-card{background:#fff;border-radius:4px;padding:12px;position:relative;animation:slideIn .3s ease-out both}.card-title-input{width:100%;padding:8px;border:1px solid var(--border-default);border-radius:4px;font-size:14px;font-weight:400;margin-bottom:8px;box-sizing:border-box;transition:border-color .2s}.card-title-input::placeholder{font-weight:400;color:var(--text-muted)}.card-description-input{width:100%;padding:8px;border:1px solid var(--border-default);border-radius:4px;font-size:14px;font-weight:400;resize:none;box-sizing:border-box;transition:border-color .2s}.card-description-input::placeholder{font-weight:400;color:var(--text-muted)}.card-description-input:focus{border-color:var(--brand-orange);outline:none}.remove-card-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;transition:color .2s}.remove-card-btn:hover{color:var(--color-danger)}.add-card-btn{padding:8px 12px;border:none;cursor:pointer;text-align:left;font-size:14px;border-radius:4px;transition:background-color .2s}.add-card-btn:hover{background-color:var(--action-primary-hover)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default)}.cancel-btn{padding:10px 20px;background-color:#fff;color:var(--brand-orange);text-decoration:none;border-radius:20px;transition:background-color .2s;border:1px solid var(--brand-orange)}.cancel-btn:hover{background-color:var(--bg-surface-sunken)}.submit-btn{padding:10px 24px;background-color:var(--brand-orange);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:var(--action-primary-hover);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background-color:var(--warm-300);cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.create-template-header{flex-direction:column;gap:16px;align-items:flex-start}.create-template-header h1{font-size:24px}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%;text-align:center}}