:root{color-scheme:light;--background:#f4f6fb;--surface:#fff;--surface-subtle:#f8fafc;--surface-hover:#f1f5f9;--surface-strong:#e8edf5;--text:#172033;--text-muted:#64748b;--text-soft:#94a3b8;--border:#dce3ee;--border-strong:#cbd5e1;--primary:#635bff;--primary-hover:#5148e5;--primary-soft:#eeecff;--primary-ring:rgba(99,91,255,.2);--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--warning:#d97706;--warning-soft:#fffbeb;--success:#059669;--success-soft:#ecfdf5;--info:#0284c7;--info-soft:#eff6ff;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow-md:0 10px 28px rgba(15,23,42,.09);--shadow-lg:0 24px 64px rgba(15,23,42,.16);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--header-height:72px;--transition:160ms ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:var(--background);scroll-behavior:smooth}body,html{min-width:320px}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 10% 0,rgba(99,91,255,.07),transparent 28rem),var(--background);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.modal-backdrop),body:has(.modal-overlay){overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button{border:0}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}::selection{color:#fff;background:var(--primary)}:focus-visible{outline:3px solid var(--primary-ring);outline-offset:2px}.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;border:0!important;clip:rect(0,0,0,0)!important}.app-page,.page{min-height:100vh}.btn,.button,.clear-filters-button,.create-task-button,.danger-button,.delete-button,.edit-button,.icon-button,.logout-button,.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;transition:color var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn:hover:not(:disabled),.button:hover:not(:disabled),.clear-filters-button:hover:not(:disabled),.create-task-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.delete-button:hover:not(:disabled),.edit-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.logout-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled),.button:active:not(:disabled),.clear-filters-button:active:not(:disabled),.create-task-button:active:not(:disabled),.danger-button:active:not(:disabled),.delete-button:active:not(:disabled),.edit-button:active:not(:disabled),.icon-button:active:not(:disabled),.logout-button:active:not(:disabled),.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(0)}.btn-primary,.button-primary,.create-task-button,.primary-button,.submit-button{color:#fff;background:linear-gradient(135deg,#7068ff,var(--primary));border-color:var(--primary);box-shadow:0 6px 16px rgba(99,91,255,.2)}.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled),.create-task-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.submit-button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-color:var(--primary-hover);box-shadow:0 8px 20px rgba(99,91,255,.28)}.btn-secondary,.button-secondary,.clear-filters-button,.logout-button,.secondary-button{color:#334155;background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled),.clear-filters-button:hover:not(:disabled),.logout-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.btn-danger,.button-danger,.danger-button{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled),.danger-button:hover:not(:disabled){color:#fff;background:var(--danger-hover);border-color:var(--danger-hover)}.delete-button,.edit-button,.icon-button{width:36px;min-width:36px;min-height:36px;padding:.45rem;color:var(--text-muted);background:transparent;border-color:transparent;border-radius:9px}.edit-button:hover:not(:disabled),.icon-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.delete-button:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.full-width{width:100%}.auth-page,.auth-screen{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:2rem 1rem;background:radial-gradient(circle at 15% 15%,rgba(99,91,255,.2),transparent 30rem),radial-gradient(circle at 90% 85%,rgba(14,165,233,.14),transparent 27rem),linear-gradient(145deg,#f8faff,#eef1ff 52%,#f5f7fb)}.auth-page:after,.auth-page:before,.auth-screen:after,.auth-screen:before{position:absolute;content:"";border-radius:999px;filter:blur(2px);pointer-events:none}.auth-page:before,.auth-screen:before{top:-8rem;right:-8rem;width:22rem;height:22rem;background:rgba(99,91,255,.09)}.auth-page:after,.auth-screen:after{bottom:-10rem;left:-7rem;width:25rem;height:25rem;background:rgba(14,165,233,.08)}.auth-container{position:relative;z-index:1;width:min(100%,450px)}.auth-card{width:100%;padding:clamp(1.5rem,5vw,2.5rem);background:hsla(0,0%,100%,.94);border:1px solid rgba(203,213,225,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-brand,.brand,.logo{display:flex;align-items:center;gap:.7rem;color:var(--text);font-size:1.3rem;font-weight:850;letter-spacing:-.035em}.auth-brand{justify-content:center;margin-bottom:1.5rem}.auth-brand:hover,.brand:hover,.logo:hover{color:var(--text);text-decoration:none}.brand-mark,.logo-mark{display:inline-grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#fff;background:linear-gradient(135deg,#817aff,#5148e5);border-radius:11px;box-shadow:0 8px 18px rgba(99,91,255,.25)}.auth-header{margin-bottom:1.75rem;text-align:center}.auth-title{margin-bottom:.5rem;font-size:clamp(1.75rem,5vw,2.15rem);line-height:1.15;letter-spacing:-.045em}.auth-subtitle{margin-bottom:0;color:var(--text-muted)}.auth-form,.modal-form,.task-form{display:grid;grid-gap:1.1rem;gap:1.1rem}.field,.form-field,.form-group{display:grid;grid-gap:.45rem;gap:.45rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.field label,.field-label,.form-field label,.form-group label{color:#334155;font-size:.875rem;font-weight:750}.required-marker{color:var(--danger)}.field input,.field select,.field textarea,.filter-select,.form-control,.form-field input,.form-field select,.form-field textarea,.form-group input,.form-group select,.form-group textarea,.input,.search-input,.select,.textarea{width:100%;min-height:44px;padding:.68rem .85rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.field textarea,.form-field textarea,.form-group textarea,.textarea,textarea{min-height:112px;resize:vertical;line-height:1.5}.filter-select,.select,select{padding-right:2.2rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field input:hover:not(:disabled),.field select:hover:not(:disabled),.field textarea:hover:not(:disabled),.filter-select:hover:not(:disabled),.form-control:hover:not(:disabled),.form-field input:hover:not(:disabled),.form-field select:hover:not(:disabled),.form-field textarea:hover:not(:disabled),.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled),.input:hover:not(:disabled),.search-input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:#aebacc}.field input:focus,.field select:focus,.field textarea:focus,.filter-select:focus,.form-control:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.input:focus,.search-input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.form-control::placeholder,.form-field input::placeholder,.form-field textarea::placeholder,.form-group input::placeholder,.form-group textarea::placeholder,.input::placeholder,.search-input::placeholder,.textarea::placeholder{color:var(--text-soft)}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true],.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true],.input-error{border-color:var(--danger)}.form-field input[aria-invalid=true]:focus,.form-field textarea[aria-invalid=true]:focus,.form-group input[aria-invalid=true]:focus,.form-group textarea[aria-invalid=true]:focus,.input-error:focus{box-shadow:0 0 0 4px rgba(220,38,38,.12)}.field-error,.validation-error{margin:0;color:var(--danger);font-size:.8rem;font-weight:600}.field-hint,.form-hint{margin:0;color:var(--text-muted);font-size:.8rem}.alert-error,.api-error,.error-message{padding:.8rem .95rem;margin:0;color:#991b1b;background:var(--danger-soft);border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:.875rem}.alert-success,.success-message{padding:.8rem .95rem;margin:0;color:#065f46;background:var(--success-soft);border:1px solid #a7f3d0;border-radius:var(--radius-sm);font-size:.875rem}.auth-form .submit-button,.auth-form button[type=submit]{width:100%;min-height:46px;margin-top:.25rem;color:#fff;background:linear-gradient(135deg,#7068ff,var(--primary));border:1px solid var(--primary);border-radius:var(--radius-sm);box-shadow:0 7px 18px rgba(99,91,255,.23);font-weight:750;transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.auth-form .submit-button:hover:not(:disabled),.auth-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 9px 22px rgba(99,91,255,.3);transform:translateY(-1px)}.auth-footer,.auth-switch{margin:1.5rem 0 0;color:var(--text-muted);font-size:.9rem;text-align:center}.auth-footer a,.auth-switch a{font-weight:750}.app-shell{min-height:100vh}.app-header,.navbar,.topbar{position:-webkit-sticky;position:sticky;z-index:40;top:0;height:var(--header-height);background:hsla(0,0%,100%,.88);border-bottom:1px solid rgba(220,227,238,.9);box-shadow:0 1px 0 rgba(15,23,42,.02);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-content,.nav-content,.topbar-content{display:flex;width:min(100%,1600px);height:100%;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;margin:0 auto}.header-user,.user-menu,.user-section{display:flex;min-width:0;align-items:center;gap:.75rem}.avatar,.user-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#4338ca;background:var(--primary-soft);border:1px solid #d9d6fe;border-radius:50%;font-size:.875rem;font-weight:850;text-transform:uppercase}.user-info{min-width:0}.user-email,.user-name{max-width:220px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{color:var(--text);font-size:.875rem;font-weight:750}.user-email{color:var(--text-muted);font-size:.75rem}.logout-button{min-height:38px;padding:.55rem .8rem}.app-main,.main-content{width:min(100%,1600px);padding:1.75rem 1.5rem 2.5rem;margin:0 auto}.board-page,.task-board{display:grid;grid-gap:1.35rem;gap:1.35rem;min-width:0}.board-header,.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.board-title,.page-title{margin-bottom:.25rem;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.045em}.board-subtitle,.page-subtitle{margin-bottom:0;color:var(--text-muted)}.filter-bar,.filters,.task-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.85rem;padding:1rem;background:hsla(0,0%,100%,.9);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-group{display:grid;min-width:150px;grid-gap:.35rem;gap:.35rem}.filter-group label{color:var(--text-muted);font-size:.75rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.filter-search,.search-field,.search-group{position:relative;min-width:min(100%,250px);flex:1 1 280px}.filter-search .search-input,.search-field .search-input,.search-group .search-input{padding-left:2.6rem}.search-icon{position:absolute;z-index:1;top:50%;left:.85rem;width:18px;height:18px;color:var(--text-soft);pointer-events:none;transform:translateY(-50%)}.filter-actions,.filters-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-left:auto}.board-columns,.columns-container,.kanban-board,.task-board-grid{display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));grid-gap:1rem;gap:1rem;align-items:start;min-width:0;overflow-x:auto;padding:.15rem .1rem 1rem;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.board-columns::-webkit-scrollbar,.columns-container::-webkit-scrollbar,.kanban-board::-webkit-scrollbar,.task-board-grid::-webkit-scrollbar{height:10px}.board-columns::-webkit-scrollbar-thumb,.columns-container::-webkit-scrollbar-thumb,.kanban-board::-webkit-scrollbar-thumb,.task-board-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:999px;background-clip:padding-box}.board-column,.kanban-column,.task-column{display:flex;min-width:270px;min-height:340px;max-height:calc(100vh - 250px);flex-direction:column;overflow:hidden;background:rgba(236,240,247,.75);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.board-column.drag-over,.kanban-column.drag-over,.task-column.drag-over,.task-column.is-dragging-over{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.column-header{position:-webkit-sticky;position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;background:rgba(248,250,252,.95);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-heading,.column-title-wrap{display:flex;min-width:0;align-items:center;gap:.55rem}.column-indicator,.status-dot{width:9px;height:9px;flex:0 0 9px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px rgba(99,91,255,.1)}.column-title{margin:0;overflow:hidden;font-size:.875rem;font-weight:850;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.column-count,.count-badge,.task-count{display:inline-grid;min-width:26px;height:26px;place-items:center;padding:0 .45rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:800}.column-body,.column-tasks,.task-list{display:flex;min-height:265px;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:.85rem;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.column-empty,.empty-column{display:grid;min-height:120px;place-items:center;padding:1rem;color:var(--text-soft);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:.82rem;text-align:center}.task-card{position:relative;padding:1rem;cursor:-webkit-grab;cursor:grab;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.task-card:hover{border-color:#c4ccda;box-shadow:0 9px 22px rgba(15,23,42,.09);transform:translateY(-2px)}.task-card:active{cursor:-webkit-grabbing;cursor:grabbing}.task-card.dragging,.task-card.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;border-color:var(--primary);box-shadow:var(--shadow-md);opacity:.55;transform:rotate(1.5deg)}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.task-card-title{margin:0;overflow-wrap:anywhere;font-size:.95rem;font-weight:800;line-height:1.35;letter-spacing:-.015em}.card-actions,.task-actions{display:flex;flex:0 0 auto;align-items:center;gap:.1rem;margin:-.35rem -.35rem 0 0}.card-description,.task-description{display:-webkit-box;margin:.7rem 0 0;overflow:hidden;color:var(--text-muted);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-badges,.task-badges,.task-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.badge,.priority-badge,.status-badge{display:inline-flex;min-height:24px;align-items:center;gap:.3rem;padding:.25rem .55rem;color:#475569;background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;font-size:.69rem;font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase}.badge-low,.priority-low{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.badge-medium,.priority-medium{color:#a16207;background:var(--warning-soft);border-color:#fde68a}.badge-high,.priority-high{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.badge-urgent,.priority-critical,.priority-urgent{color:#b91c1c;background:var(--danger-soft);border-color:#fecaca}.card-meta,.task-meta{display:grid;grid-gap:.5rem;gap:.5rem;padding-top:.8rem;margin-top:.85rem;border-top:1px solid #edf1f6}.meta-row,.task-assignee,.task-due-date{display:flex;min-width:0;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.75rem}.meta-row svg,.task-assignee svg,.task-due-date svg{width:15px;height:15px;flex:0 0 15px;color:var(--text-soft)}.assignee-name,.meta-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-avatar{display:inline-grid;width:24px;height:24px;flex:0 0 24px;place-items:center;color:#4338ca;background:var(--primary-soft);border-radius:50%;font-size:.62rem;font-weight:850;text-transform:uppercase}.overdue,.task-due-date.overdue{color:var(--danger);font-weight:750}.due-soon{color:var(--warning);font-weight:750}.empty-state{display:grid;min-height:320px;place-items:center;padding:2.5rem 1.5rem;background:hsla(0,0%,100%,.75);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center}.empty-state-content{max-width:470px}.empty-state-icon{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 1rem;color:var(--primary);background:var(--primary-soft);border-radius:18px}.empty-state-icon svg{width:30px;height:30px}.empty-state h2,.empty-state-title{margin-bottom:.5rem;font-size:1.25rem;letter-spacing:-.025em}.empty-state p,.empty-state-description{margin-bottom:1.25rem;color:var(--text-muted)}.auth-loading,.loading-container,.loading-screen,.page-loading{display:grid;min-height:240px;place-items:center;padding:2rem}.auth-loading,.loading-screen,.page-loading{min-height:100vh}.loading-indicator,.spinner-container{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.9rem;font-weight:650}.loading-spinner,.spinner{width:28px;height:28px;flex:0 0 28px;border:3px solid #dfe3ff;border-top:3px solid var(--primary);border-radius:50%;animation:spin .75s linear infinite}.button-spinner,.loading-spinner.small,.spinner.small{width:17px;height:17px;border-width:2px}.button-spinner{display:inline-block;border-style:solid;border-color:#fff hsla(0,0%,100%,.45) hsla(0,0%,100%,.45);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop,.modal-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;padding:1.25rem;background:rgba(15,23,42,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-fade-in .15s ease-out}.modal,.modal-dialog,.task-modal{width:min(100%,610px);max-height:min(88vh,820px);overflow:hidden;background:var(--surface);border:1px solid hsla(0,0%,100%,.65);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-slide-in .18s ease-out}.confirm-dialog,.confirmation-modal{width:min(100%,440px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.modal-subtitle{margin:.3rem 0 0;color:var(--text-muted);font-size:.85rem}.close-button,.modal-close{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;padding:0;color:var(--text-muted);background:transparent;border-radius:9px;transition:color var(--transition),background-color var(--transition)}.close-button:hover,.modal-close:hover{color:var(--text);background:var(--surface-hover)}.modal-body{max-height:calc(88vh - 145px);overflow-y:auto;padding:1.35rem}.modal-form{max-height:calc(88vh - 76px);overflow-y:auto}.modal-form .form-content,.modal-form-fields{display:grid;grid-gap:1rem;gap:1rem;padding:1.35rem}.modal-form>.form-group:first-child{margin-top:1.35rem}.modal-form>.error-message,.modal-form>.form-group,.modal-form>.form-row{margin-right:1.35rem;margin-left:1.35rem}.form-actions,.modal-actions{position:-webkit-sticky;position:sticky;z-index:2;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:1rem 1.35rem;margin-top:.25rem;background:hsla(0,0%,100%,.96);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-message{margin-bottom:0;color:var(--text-muted)}.confirm-task-name{color:var(--text);font-weight:750}.board-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;color:#991b1b;background:var(--danger-soft);border:1px solid #fecaca;border-radius:var(--radius-sm)}.board-error p{margin:0}.retry-button{flex:0 0 auto;padding:.45rem .7rem;color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:7px;font-size:.8rem;font-weight:750}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.board-columns,.columns-container,.kanban-board,.task-board-grid{grid-template-columns:repeat(4,minmax(285px,285px))}.board-column,.kanban-column,.task-column{max-height:calc(100vh - 265px)}}@media (max-width:800px){:root{--header-height:64px}.header-content,.nav-content,.topbar-content{padding:0 1rem}.app-main,.main-content{padding:1.25rem 1rem 2rem}.user-info{display:none}.board-header,.board-heading{align-items:stretch;flex-direction:column}.filter-bar,.filters,.task-filters{align-items:stretch}.filter-search,.search-field,.search-group{min-width:100%;flex-basis:100%}.filter-group{min-width:calc(50% - .45rem);flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.45rem)}.filter-actions,.filters-actions{width:100%;margin-left:0}.filter-actions>*,.filters-actions>*{flex:1 1 auto}.board-column,.kanban-column,.task-column{max-height:calc(100vh - 230px)}}@media (max-width:560px){body{background:var(--background)}.auth-page,.auth-screen{align-items:start;padding:1rem}.auth-card{padding:1.4rem 1.15rem;border-radius:var(--radius-lg)}.auth-brand{margin-bottom:1.1rem}.auth-header{margin-bottom:1.35rem}.brand-text{font-size:1.05rem}.avatar,.user-avatar{width:34px;height:34px;flex-basis:34px}.logout-button{width:38px;min-width:38px;padding:.5rem;overflow:hidden;font-size:0}.logout-button svg{width:18px;height:18px}.app-main,.main-content{padding:1rem .75rem 1.5rem}.board-page,.task-board{gap:1rem}.board-subtitle,.page-subtitle{font-size:.875rem}.filter-bar,.filters,.task-filters{gap:.7rem;padding:.8rem}.filter-group{min-width:100%;flex-basis:100%}.filter-actions,.filters-actions{flex-direction:column-reverse}.clear-filters-button,.create-task-button,.filter-actions>*,.filters-actions>*{width:100%}.board-columns,.columns-container,.kanban-board,.task-board-grid{grid-template-columns:repeat(4,minmax(84vw,84vw));gap:.75rem;margin-right:-.75rem;scroll-padding-left:.1rem;scroll-snap-type:x proximity}.board-column,.kanban-column,.task-column{min-width:84vw;max-height:calc(100vh - 185px);scroll-snap-align:start}.form-row{grid-template-columns:1fr}.modal-backdrop,.modal-overlay{align-items:end;padding:0}.confirm-dialog,.confirmation-modal,.modal,.modal-dialog,.task-modal{width:100%;max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-body,.modal-form{max-height:calc(94vh - 70px)}.modal-form .form-content,.modal-form-fields,.modal-header{padding:1rem}.modal-form>.form-group:first-child{margin-top:1rem}.modal-form>.error-message,.modal-form>.form-group,.modal-form>.form-row{margin-right:1rem;margin-left:1rem}.form-actions,.modal-actions{padding:.85rem 1rem max(.85rem,env(safe-area-inset-bottom))}.form-actions>*,.modal-actions>*{flex:1 1}.board-error{align-items:stretch;flex-direction:column}.retry-button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){:root{--border:#a9b5c7;--border-strong:#7d8ca2;--text-muted:#475569}.auth-card,.modal,.task-card,.task-column,.task-filters{border-width:2px}}