@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Comfortaa:wght@600;700&display=swap";:root{color-scheme:dark;--bg-base: #16131d;--bg-surface: rgba(37, 31, 46, .88);--bg-elevated: #2a2334;--bg-hover: #352d42;--border: #433750;--border-strong: #5a4b6c;--text-primary: #f6efff;--text-secondary: #c7b6da;--text-muted: #8f7fa4;--accent: #8c7dff;--accent-hover: #9d8fff;--danger: #ff8aa1;--cream: #5d4932;--mint: #28463b;--lavender: #3f3558;--sky: #263f56;--shadow-lg: 0 24px 50px rgba(8, 5, 15, .45)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(140,125,255,.24),transparent 28%),radial-gradient(circle at right top,rgba(109,183,255,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(255,138,161,.16),transparent 26%),linear-gradient(180deg,#1d1826,#16131d 52%,#140f1a);color:var(--text-primary);font-family:Nunito,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--border);background:#18131fd6;padding:1.2rem;position:sticky;top:0;height:100vh;overflow:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar.collapsed{width:88px}.sidebar-top,.sidebar-section,.topbar,.toolbar,.view-switch,.summary-strip,.lane-stats,.task-footer,.task-topline,.lane-task-top,.modal-header,.modal-actions,.swatch-row,.quick-add,.dropdown-header{display:flex;gap:.75rem}.sidebar-top,.topbar,.dropdown-header,.modal-header,.modal-actions.split{justify-content:space-between;align-items:center}.sidebar-section{flex-direction:column;margin-top:1.5rem}.sidebar-label,.eyebrow,.column-kicker{margin:0;color:var(--text-secondary);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto}.icon:before{font-size:.95rem;line-height:1}.icon-cloud:before{content:"☁"}.icon-bell:before{content:"◔"}.icon-settings:before{content:"⚙"}.icon-logout:before{content:"↗"}.icon-user-group:before{content:"◉"}.icon-user-plus:before{content:"+"}.icon-folder:before{content:"▣"}.icon-folder-plus:before{content:"⊞"}.icon-user:before{content:"◌"}.icon-inbox:before{content:"⌂"}.icon-spark:before{content:"✦"}.icon-sidebar-collapse:before{content:"≪"}.icon-sidebar-expand:before{content:"≫"}.sidebar-item,.summary-card,.task-card,.lane-task,.modal-card,.board-column,.lane-card,.notifications-panel,.dropdown,.firebase-chip,.current-user-pill{border:1px solid var(--border);background:var(--bg-surface);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-item{padding:.8rem;display:flex;align-items:center;gap:.8rem;color:var(--text-primary)}.sidebar-item.active,.view-switch button.active,.swatch.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #8c7dff59}.avatar{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:999px;color:#fff;font-weight:800;box-shadow:0 10px 18px #1b142773}.avatar.large{width:3.2rem;height:3.2rem;font-size:1rem}.color-dot{width:.8rem;height:.8rem;border-radius:999px;background:var(--accent)}.color-dot.neutral{background:var(--text-muted)}.item-copy{min-width:0;display:flex;flex-direction:column;gap:.2rem;text-align:left}.item-copy strong,.brand-block h1,.column-header h2,.lane-header h2,.modal-card h2,.task-card h3,.lane-task h3,.summary-card strong{font-family:Comfortaa,sans-serif}.item-copy small,.summary-card small,.task-card p,.lane-task p,.timestamp-card small,.notification-item small,.firebase-chip,.current-user-pill small{color:var(--text-secondary)}.workspace{padding:1.4rem}.topbar{align-items:center;gap:1rem;margin-bottom:1.1rem}.brand-block h1{margin:.3rem 0 0;font-size:clamp(2.1rem,3vw,3.2rem)}.topbar-subtitle{margin:.35rem 0 0;color:var(--text-secondary);font-size:.9rem}.toolbar{align-items:center;flex-wrap:wrap}.select-wrap{display:flex;align-items:center;gap:.7rem;min-width:min(100%,300px);padding:0 .85rem;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated)}.select-field,.field input,.field textarea,.field select,.quick-add input,.inline-edit{width:100%;padding:.8rem .9rem;border-radius:16px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary)}.select-wrap .select-field{border:0;padding-left:0;padding-right:0;background:transparent}.select-field:focus,.field input:focus,.field textarea:focus,.field select:focus,.quick-add input:focus,.inline-edit:focus{outline:2px solid rgba(140,125,255,.2);border-color:var(--accent)}.view-switch{background:#ffffff0a;padding:.25rem;border-radius:18px;border:1px solid var(--border)}.view-switch button,.icon-button,.primary-button,.danger-button,.ghost-button,.text-button,.dropdown-action,.quick-add button{border:0;border-radius:16px;padding:.8rem 1rem;background:transparent;color:var(--text-primary)}.view-switch button.active,.primary-button,.quick-add button{background:var(--accent);color:#fff}.view-switch button:hover,.icon-button:hover,.ghost-button:hover,.dropdown-action:hover,.sidebar-item:hover,.task-card:hover,.lane-task:hover{background:var(--bg-hover)}.quick-add button:hover,.primary-button:hover{background:var(--accent-hover)}.danger-button{background:#ff8aa124;color:#ffc2ce}.icon-only-button,.icon-text-button,.dropdown-action{display:inline-flex;align-items:center;gap:.55rem}.icon-only-button span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.badge{min-width:1.55rem;height:1.55rem;display:inline-grid;place-items:center;padding:0 .45rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;box-shadow:0 8px 16px #1c152966}.badge.soft{background:var(--lavender);color:#d2c7ff;box-shadow:none}.board-grid,.lanes-scroll{display:grid;gap:1rem}.board-grid{grid-template-columns:repeat(4,minmax(250px,1fr));align-items:start}.lanes-scroll{grid-auto-flow:column;grid-auto-columns:minmax(300px,360px);overflow-x:auto;padding-bottom:.5rem}.board-column,.lane-card{padding:1rem;min-height:480px}.lane-card.pool{background:linear-gradient(135deg,#8c7dff14,#8c7dff00 55%),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 10px,transparent 10px,transparent 20px),#251f2ef2}.column-header,.lane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.column-header h2,.lane-header h2{margin:.35rem 0 0;font-size:1.2rem}.lane-header{padding:.9rem;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--lane-color) 18%,transparent),transparent)}.lane-title-block{display:flex;gap:.75rem;align-items:center}.lane-icon-wrap{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:#ffffff0f;color:var(--text-secondary)}.lane-stats{flex-wrap:wrap;margin-bottom:.85rem}.mini-stat{font-size:.7rem;color:var(--text-secondary);padding:.35rem .55rem;border-radius:999px;background:#ffffff0a}.task-stack,.lane-stack{display:grid;gap:.8rem}.task-card,.lane-task{overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.task-card{display:flex}.lane-task{display:block}.task-card{cursor:pointer}.task-accent{width:4px}.task-content,.lane-task{padding:.95rem}.task-content{flex:1}.lane-task-body{display:grid;gap:.65rem;min-width:0}.drag-hint{color:var(--text-muted)}.task-card h3,.lane-task h3{margin:.55rem 0;font-size:1rem}.task-card p,.lane-task p{margin:0;line-height:1.6;font-size:.78rem}.lane-task h3,.lane-task p,.lane-task small{word-break:break-word}.task-card:hover,.lane-task:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0a06126b}.task-card.readonly{cursor:default;opacity:.92}.task-card.readonly:hover{transform:none}.task-footer,.task-topline,.lane-task-top{justify-content:space-between;align-items:center}.task-footer{margin-top:.95rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;background:#ffffff0f}.status-pill[data-status=todo]{color:#d2c7ff;background:var(--lavender)}.status-pill[data-status=inprogress]{color:#ffd9ac;background:var(--cream)}.status-pill[data-status=review]{color:#b8e2ff;background:var(--sky)}.status-pill[data-status=done]{color:#b8f2d3;background:var(--mint)}.quick-add{margin-top:1rem}.quick-add-top{margin-top:0;margin-bottom:1rem}.quick-add input{flex:1}.empty-copy{margin:0;padding:1rem;border:1px dashed var(--border-strong);border-radius:18px;color:var(--text-secondary);background:#ffffff08}.menu-wrap{position:relative}.dropdown,.notifications-panel{position:absolute;top:calc(100% + .6rem);right:0;width:320px;padding:.8rem;z-index:10;box-shadow:var(--shadow-lg)}.dropdown-action,.notification-item{width:100%;text-align:left}.notification-list{display:grid;gap:.65rem;margin-top:.75rem}.notification-item{border-left:3px solid var(--accent);padding:.8rem;border-radius:14px;background:#ffffff0a}.notification-item.unread{background:#8c7dff1f}.notification-item p{margin:0 0 .3rem}.text-button{padding:0;color:#cfc7ff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09060f94;display:grid;place-items:center;padding:1rem;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(520px,100%);padding:1.2rem;box-shadow:var(--shadow-lg)}.modal-card.large{width:min(780px,100%)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.55rem}.field.full,.timestamp-grid.full{grid-column:1 / -1}.button-row{display:flex;gap:.7rem;justify-content:flex-end}.helper-copy{margin:0;color:var(--text-secondary);font-size:.86rem}.user-module-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem}.user-module-list{display:grid;gap:.8rem;max-height:420px;overflow:auto;padding-right:.25rem}.user-module-item{padding:.9rem;border-radius:20px;border:1px solid var(--border);background:#ffffff0a;display:grid;gap:.7rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.user-module-item:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--bg-hover)}.user-module-item.active{border-color:var(--accent);background:#8c7dff1f}.user-module-top,.user-module-meta,.user-module-preview{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.user-module-meta{justify-content:flex-start;flex-wrap:wrap}.user-module-editor{display:grid;gap:1rem;padding:1rem;border-radius:22px;border:1px solid var(--border);background:#ffffff0a}.user-module-preview{justify-content:flex-start;padding:.9rem;border-radius:18px;background:#ffffff0d;border:1px solid var(--border)}.swatch-row{flex-wrap:wrap}.swatch{width:2.2rem;height:2.2rem;border:2px solid transparent;border-radius:999px}.timestamp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.timestamp-card{border-radius:18px;border:1px solid var(--border);background:#ffffff0d;padding:.9rem;display:grid;gap:.35rem}.current-user-pill{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem}.firebase-chip{padding:.55rem .75rem;display:grid;gap:.15rem}.inline-edit{margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(520px,100%);padding:1.5rem;border-radius:28px;border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-lg);display:grid;gap:1rem}.auth-card.large{width:min(620px,100%)}.auth-intro{display:grid;gap:.5rem}.auth-intro h1{margin:0;font-family:Comfortaa,sans-serif}.auth-badge{margin:0;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.auth-form{display:grid;gap:1rem}.auth-switch{width:fit-content}.auth-submit{width:100%;justify-content:center}.google-button{width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--border);background:#ffffff0f;color:var(--text-primary)}.google-button:hover{background:var(--bg-hover)}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.auth-error{margin:0;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(255,138,161,.25);background:#ff8aa11f;color:#ffc2ce}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.board-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:760px){.workspace{padding:1rem}.topbar,.toolbar,.modal-grid,.timestamp-grid{display:grid}.board-grid{grid-template-columns:1fr}.dropdown,.notifications-panel{width:min(92vw,320px)}.user-module-layout{grid-template-columns:1fr}.button-row{flex-direction:column}.select-wrap{min-width:100%}}