:root{--text:#172b4d;--muted:#5e6c84;--subtle:#7a869a;--list-bg:#ebecf0;--blue:#0079bf;--blue-dark:#026aa7;--green:#61bd4f;--danger:#eb5a46;--shadow-card:0 1px 1px #091e4240, 0 0 1px #091e424f;--shadow-pop:0 12px 32px #091e4240;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0079bf;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}button,input,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent}.app{--board-bg:#0079bf;background-color:var(--board-bg);background-image:radial-gradient(circle at 16% 10%,#ffffff2b,#0000 36%),radial-gradient(circle at 84% 92%,#0003,#0000 46%),linear-gradient(135deg,#ffffff0d,#0000001a);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app.boot{justify-content:center;align-items:center}.boot-card{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002e;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:38px 44px;display:flex;box-shadow:0 20px 60px #0000002e}.boot-mark{background:#ffffff29;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.boot-card h1{letter-spacing:-.4px;margin:0;font-size:26px;font-weight:800}.boot-card p{color:#ffffffd1;margin:0;font-size:13.5px}.board-header{color:#fff;flex:none;align-items:center;gap:14px;padding:12px 18px 10px;display:flex}.brand{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff24;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.board-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.board-name{letter-spacing:-.2px;color:#fff;background:0 0;border:2px solid #0000;border-radius:6px;outline:none;max-width:100%;margin-left:-6px;padding:2px 6px;font-size:20px;font-weight:700;transition:background .15s,color .15s}.board-name:hover{background:#ffffff24}.board-name:focus{color:var(--text);background:#fff;border-color:#fff;box-shadow:0 0 0 2px #0000001f}.board-access{color:#ffffffc7;white-space:nowrap;align-items:center;gap:5px;padding-left:2px;font-size:11.5px;display:flex}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.board-search{color:#ffffffeb;background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:7px;width:220px;height:34px;padding:0 9px;transition:background .15s,width .18s;display:flex}.board-search:focus-within{color:var(--text);background:#fff;border-color:#fff;box-shadow:0 0 0 2px #00000014}.board-search input{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:auto;font-size:13.5px}.board-search input::placeholder{color:#ffffffb8}.board-search:focus-within input::placeholder{color:#97a0af}.search-clear{width:20px;height:20px;color:inherit;cursor:pointer;background:#091e4214;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.search-clear:hover{background:#091e4229}.background-control{position:relative}.palette-popover{z-index:40;width:208px;color:var(--text);box-shadow:var(--shadow-pop);background:#fff;border-radius:12px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.palette-popover p{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 9px;font-size:11.5px;font-weight:700}.palette-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.palette-swatch{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .12s;display:grid}.palette-swatch:hover{transform:scale(1.08)}.palette-swatch.active{border-color:#172b4d;box-shadow:inset 0 0 0 2px #fff}.board-avatar{width:32px;height:32px;color:var(--text);text-transform:lowercase;background:#dfe1e6;border:2px solid #ffffff73;border-radius:50%;flex:0 0 32px;place-items:center;font-size:15px;font-weight:800;display:grid}.board-canvas{flex:auto;align-items:flex-start;gap:12px;padding:6px 18px 18px;display:flex;overflow:auto hidden}.board-canvas.reordering-lists{cursor:grabbing}.board-list{background:var(--list-bg);width:272px;max-height:100%;color:var(--text);border-radius:12px;flex-direction:column;flex:0 0 272px;display:flex;box-shadow:0 1px 2px #0000001f}.list-header{flex:none;align-items:center;gap:6px;padding:9px 8px 6px 10px;display:flex}.list-header[draggable=true]{cursor:grab}.list-header[draggable=true]:active{cursor:grabbing}.list-grip{color:#97a0af;flex:0 0 16px;place-items:center;width:16px;display:grid}.list-title{min-width:0;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:auto;padding:3px 5px;font-size:14px;font-weight:700;overflow:hidden}.list-title:hover{background:#091e4214}.list-title-input{border:2px solid var(--blue);min-width:0;color:var(--text);background:#fff;border-radius:4px;outline:none;flex:auto;padding:2px 5px;font-size:14px;font-weight:700}.list-count{color:var(--subtle);background:#091e420f;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.list-header .icon-button{opacity:0;width:26px;height:26px}.list-header:hover .icon-button,.list-header:focus-within .icon-button{opacity:1}.list-cards{flex-direction:column;flex:auto;gap:8px;min-height:12px;padding:2px 8px 6px;display:flex;overflow:hidden auto}.list-footer{flex:none;padding:2px 8px 8px}.add-card{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 8px;font-size:13.5px;display:flex}.add-card:hover{color:var(--text);background:#091e4214}.card{color:var(--text);box-shadow:var(--shadow-card);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;outline:none;padding:7px 10px 8px;transition:box-shadow .15s,border-color .15s,transform .1s;position:relative}.card:hover{border-color:#091e4214;box-shadow:0 2px 6px #091e4238}.card:focus-visible{box-shadow:0 0 0 2px var(--blue)}.card.dragging{opacity:.45;transform:rotate(1.5deg)}.card-labels{flex-wrap:wrap;gap:4px;margin-bottom:5px;display:flex}.label-bar{border-radius:4px;width:42px;height:8px}.label-bar.green,.label-chip.green{background-color:#61bd4f}.label-bar.yellow,.label-chip.yellow{background-color:#f2d600}.label-bar.orange,.label-chip.orange{background-color:#ff9f1a}.label-bar.red,.label-chip.red{background-color:#eb5a46}.label-bar.purple,.label-chip.purple{background-color:#c377e0}.label-bar.blue,.label-chip.blue{background-color:#0079bf}.card-title{word-break:break-word;font-size:14px;font-weight:500;line-height:1.35}.card-badges{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:11.5px;display:flex}.badge{border-radius:4px;align-items:center;gap:3px;padding:1px 3px;display:inline-flex}.badge.complete{color:#519839}.badge.due.overdue{background:var(--danger);color:#fff;padding:1px 5px}.badge.due.complete{background:var(--green);color:#fff;padding:1px 5px}.card-drop-marker{background:var(--blue);border-radius:2px;height:4px;margin:1px 2px;box-shadow:0 0 0 2px #0079bf26}.empty-hint{color:#97a0af;margin:3px 2px 5px;font-size:12.5px;line-height:1.4}.card-composer textarea{width:100%;color:var(--text);resize:none;box-shadow:inset 0 0 0 2px var(--blue);background:#fff;border:none;border-radius:8px;outline:none;padding:8px 10px;font-size:13.5px;line-height:1.4}.composer-actions{align-items:center;gap:8px;margin-top:7px;display:flex}.add-list{color:#fff;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:12px;flex:0 0 272px;align-items:center;gap:8px;width:272px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.add-list:hover{background:#ffffff4d}.add-list-composer{background:var(--list-bg);width:272px;color:var(--text);border-radius:12px;flex:0 0 272px;padding:10px}.add-list-composer input{border:2px solid var(--blue);width:100%;color:var(--text);border-radius:6px;outline:none;padding:9px 10px;font-size:14px}.list-drop-marker{background:#ffffffd9;border-radius:2px;flex:0 0 4px;width:4px;height:84px;margin-top:2px;box-shadow:0 0 10px #ffffff59}.no-results{color:#fff;white-space:nowrap;background:#00000059;border-radius:8px;flex:none;align-self:flex-start;padding:9px 13px;font-size:13px}.btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--blue-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text);cursor:pointer;background:#091e4214;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#091e4224}.btn-secondary:disabled{opacity:.55;cursor:default}.btn-secondary.small,.btn-primary.small{padding:5px 10px;font-size:12px}.btn-danger{color:#b8260f;cursor:pointer;background:#eb5a461f;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;display:inline-flex}.btn-danger:hover{background:var(--danger);color:#fff}.icon-button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{color:var(--text);background:#091e4214}.icon-button.subtle{width:26px;height:26px}.icon-button.light{color:#fff;background:#ffffff29}.icon-button.light:hover{color:#fff;background:#ffffff4d}.icon-button.dark{color:var(--text)}.modal-overlay{z-index:60;background:#00000094;justify-content:center;align-items:flex-start;padding:44px 16px;animation:.12s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.card-modal{background:#f4f5f7;border-radius:14px;width:min(860px,100%);min-height:220px;animation:.14s pop-in;display:flex;position:relative;box-shadow:0 18px 60px #0006}.card-modal-main{flex:auto;min-width:0;padding:18px 22px 28px 26px}.card-modal-side{flex-direction:column;flex:0 0 196px;gap:18px;padding:52px 18px 28px 0;display:flex}.modal-close{z-index:2;width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.modal-close:hover{color:var(--text);background:#091e4214}.card-context{color:var(--muted);margin:0 0 4px;font-size:12px}.card-context strong{color:var(--text)}.card-title-input{width:100%;color:var(--text);letter-spacing:-.2px;background:0 0;border:2px solid #0000;border-radius:6px;outline:none;margin-left:-6px;padding:3px 6px;font-size:20px;font-weight:600}.card-title-input:hover{background:#091e420a}.card-title-input:focus{border-color:var(--blue);background:#fff}.modal-section{margin-top:22px}.section-head{color:var(--muted);align-items:center;gap:8px;margin-bottom:9px;display:flex}.section-head h3{color:var(--text);flex:auto;margin:0;font-size:15px;font-weight:700}.description-input{width:100%;min-height:78px;color:var(--text);resize:vertical;background:#fff;border:none;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #091e421f}.description-input:focus{box-shadow:0 0 0 2px var(--blue)}.field-hint{color:var(--subtle);margin:5px 2px 0;font-size:11.5px}.muted{color:var(--muted);margin:6px 0;font-size:13px}.modal-error{color:#bf2600;background:#ffebe6;border-radius:6px;margin:10px 0;padding:8px 10px;font-size:13px}.modal-loading{width:100%;min-height:220px;color:var(--muted);place-items:center;padding:30px;font-size:14px;display:grid}.inline-composer{background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px;display:flex;box-shadow:0 1px 2px #091e421f}.inline-composer input{border:1px solid #dfe1e6;border-radius:5px;outline:none;flex:auto;min-width:0;padding:7px 9px;font-size:13.5px}.inline-composer input:focus{border-color:var(--blue)}.checklist{background:#fff;border-radius:8px;margin-top:10px;padding:10px 12px;box-shadow:0 1px 2px #091e421a}.checklist-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.checklist-head strong{word-break:break-word;flex:auto;font-size:13.5px}.checklist-count{color:var(--subtle);font-size:11.5px;font-weight:600}.progress{background:#e2e4e9;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress span{background:var(--green);border-radius:3px;height:100%;transition:width .2s;display:block}.check-items{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.check-item{border-radius:4px;align-items:flex-start;gap:7px;padding:3px 0;display:flex}.check-item:hover{background:#f7f8f9}.check-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;flex:none;margin:2px 0 0}.check-item input[type=text]{min-width:0;color:var(--text);background:0 0;border:none;border-radius:4px;outline:none;flex:auto;padding:2px 4px;font-size:13.5px}.check-item input[type=text]:focus{box-shadow:0 0 0 2px var(--blue);background:#fff}.check-item.done input[type=text]{color:#97a0af;text-decoration:line-through}.check-item .icon-button{opacity:0;width:22px;height:22px}.check-item:hover .icon-button,.check-item:focus-within .icon-button{opacity:1}.check-add{gap:6px;margin-top:7px;display:flex}.check-add input{background:#fafbfc;border:1px solid #dfe1e6;border-radius:5px;outline:none;flex:auto;min-width:0;padding:6px 8px;font-size:13px}.check-add input:focus{border-color:var(--blue);background:#fff}.attachment-list{flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none;display:flex}.attachment-row{background:#fff;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #091e421a}.attachment-icon{width:32px;height:32px;color:var(--blue);background:#e4f0f6;border-radius:6px;flex:0 0 32px;place-items:center;display:grid}.attachment-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.attachment-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;overflow:hidden}.attachment-name:hover{text-decoration:underline}.attachment-size{color:var(--subtle);font-size:11.5px}.comment-composer{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.comment-avatar{background:var(--blue);color:#fff;text-transform:lowercase;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.comment-composer-body{flex-direction:column;flex:auto;align-items:flex-start;gap:7px;min-width:0;display:flex}.comment-composer textarea{width:100%;min-height:54px;color:var(--text);resize:vertical;background:#fff;border:1px solid #dfe1e6;border-radius:8px;outline:none;padding:8px 10px;font-size:13.5px;line-height:1.45}.comment-composer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.comment-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.comment{background:#fff;border-radius:8px;align-items:flex-start;gap:9px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #091e421a}.comment-body{flex:auto;min-width:0}.comment-meta{align-items:baseline;gap:8px;display:flex}.comment-meta strong{font-size:13px}.comment-meta span{color:var(--subtle);font-size:11px}.comment-body p{overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0;font-size:13.5px;line-height:1.45}.comment .icon-button{opacity:0}.comment:hover .icon-button,.comment:focus-within .icon-button{opacity:1}.side-block h4{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin:0 0 7px;font-size:11.5px;font-weight:700}.label-grid{flex-direction:column;gap:6px;display:flex}.label-chip{color:#fff;text-shadow:0 1px #0000001f;cursor:pointer;opacity:.82;border:none;border-radius:5px;justify-content:space-between;align-items:center;height:30px;padding:0 9px;font-size:12px;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex}.label-chip:hover{opacity:1}.label-chip.active{opacity:1;box-shadow:inset 0 0 0 2px #172b4d,0 1px 2px #091e4233}.date-input{width:100%;color:var(--text);background:#fff;border:1px solid #dfe1e6;border-radius:6px;outline:none;padding:7px 8px;font-size:13px}.date-input:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.check-toggle{color:var(--text);cursor:pointer;align-items:center;gap:7px;margin-top:8px;font-size:13px;display:flex}.check-toggle.disabled{opacity:.5;cursor:default}.check-toggle input{width:15px;height:15px;accent-color:var(--blue)}.due-note{color:var(--subtle);margin-top:6px;font-size:11.5px;display:block}.side-meta{color:#97a0af;margin:0;font-size:11px}.toast{z-index:80;color:#fff;background:#172b4d;border-radius:8px;align-items:center;gap:12px;max-width:min(520px,100vw - 32px);padding:11px 14px;font-size:13.5px;animation:.18s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.toast-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;place-items:center;padding:2px;display:grid}.toast-close:hover{opacity:1}.board-canvas,.list-cards,.modal-overlay{scrollbar-width:thin;scrollbar-color:#091e4247 transparent}.board-canvas::-webkit-scrollbar{width:9px;height:10px}.list-cards::-webkit-scrollbar{width:9px;height:10px}.modal-overlay::-webkit-scrollbar{width:9px;height:10px}.board-canvas::-webkit-scrollbar-thumb{background:#091e4240 padding-box content-box;border:2px solid #0000;border-radius:6px}.list-cards::-webkit-scrollbar-thumb{background:#091e4240 padding-box content-box;border:2px solid #0000;border-radius:6px}.modal-overlay::-webkit-scrollbar-thumb{background:#091e4240 padding-box content-box;border:2px solid #0000;border-radius:6px}.board-canvas::-webkit-scrollbar-thumb:hover{background:#091e4266 padding-box content-box}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=760px){.board-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.brand{display:none}.board-name{font-size:18px}.board-access{font-size:10.5px}.header-actions{gap:7px}.board-search{width:150px}.board-search:focus-within{width:190px}.board-canvas{gap:10px;padding:4px 12px 12px}.board-list,.add-list,.add-list-composer{flex-basis:260px;width:260px}.modal-overlay{padding:0}.card-modal{border-radius:0;flex-direction:column;width:100%;min-height:100dvh}.card-modal-main{padding:18px 16px 24px}.card-modal-side{border-top:1px solid #dfe1e6;flex-basis:auto;width:100%;padding:16px 16px 28px}.modal-close{background:#fff;position:fixed;top:8px;right:8px;box-shadow:0 2px 8px #091e4240}.label-grid{flex-flow:wrap}.label-chip{flex:90px}}@media (hover:none){.list-header .icon-button,.check-item .icon-button,.comment .icon-button{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.avatar{color:#fff;letter-spacing:.2px;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10.5px;font-weight:800;display:grid}.avatar.large{width:40px;height:40px;font-size:12px}.avatar.tiny{border:2px solid #ffffffe6;width:24px;height:24px;font-size:8.5px}.avatar.micro{border:2px solid #fff;width:22px;height:22px;font-size:8px}.avatar.more{color:#42526e;background:#dfe1e6}.comment-avatar{letter-spacing:.2px;text-transform:uppercase;font-size:10.5px;font-weight:800}.auth-shell{background:radial-gradient(circle at 15% 10%,#ffffff29,#0000 34%),radial-gradient(circle at 85% 90%,#0000003d,#0000 42%),linear-gradient(135deg,#026aa7,#0079bf 50%,#026aa7);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(2px);background:#ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;transform:translate(-40%,-55%)}.auth-card{z-index:1;width:min(420px,100%);color:var(--text);background:#fff;border-radius:16px;padding:30px;position:relative;box-shadow:0 24px 80px #0000004d}.auth-brand{align-items:center;gap:13px;display:flex}.auth-mark{background:var(--blue);color:#fff;border-radius:12px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 6px 18px #0079bf59}.auth-brand h1{letter-spacing:-.6px;margin:0;font-size:27px;font-weight:800}.auth-brand p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.auth-form{flex-direction:column;gap:14px;margin-top:26px;display:flex}.auth-form label,.form-stack label{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.auth-form input,.form-stack input,.form-stack select,.inline-form input{width:100%;color:var(--text);background:#fafbfc;border:1px solid #dfe1e6;border-radius:7px;outline:none;padding:10px 11px;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s,background .15s}.auth-form input:focus,.form-stack input:focus,.form-stack select:focus,.inline-form input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 2px #0079bf29}.auth-submit{width:100%;height:42px;margin-top:4px;font-size:14px}.auth-note{color:var(--subtle);border-top:1px solid #eceef1;align-items:center;gap:6px;margin:18px 0 0;padding-top:14px;font-size:11.5px;display:flex}.auth-warning{color:#7a5d00;background:#fff7e0;border-radius:8px;margin-top:18px;padding:10px 12px;font-size:12px}.auth-warning p{margin:3px 0 0}.form-error{color:#bf2600;background:#ffebe6;border-radius:6px;margin:0;padding:8px 10px;font-size:12.5px}.success-box{color:#064;background:#e3fcef;border-radius:6px;margin:10px 0 0;padding:8px 10px;font-size:12.5px}.home-shell,.admin-shell{background:#f4f5f7;height:100dvh;overflow-y:auto}.app-topbar{z-index:30;color:#fff;background:#026aa7;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px #0000001f}.app-topbar-left{align-items:center;gap:10px;display:flex}.app-brand{color:#fff;letter-spacing:-.2px;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.app-brand-mark{background:#ffffff2e;border:1px solid #ffffff29;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.app-topbar-actions{align-items:center;gap:9px;display:flex}.user-menu{position:relative}.user-button{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff38;border-radius:99px;align-items:center;gap:7px;height:36px;padding:2px 9px 2px 3px;font-size:12.5px;font-weight:600;display:flex}.user-button:hover{background:#ffffff47}.user-button-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.user-dropdown{z-index:60;width:258px;color:var(--text);background:#fff;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #091e4247}.user-dropdown-head{border-bottom:1px solid #eceef1;align-items:center;gap:10px;padding:9px 8px 11px;display:flex}.user-dropdown-head div{flex-direction:column;min-width:0;display:flex}.user-dropdown-head strong{font-size:13.5px}.user-dropdown-head span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.user-dropdown-head small{color:var(--subtle);text-transform:uppercase;letter-spacing:.35px;font-size:10.5px}.dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;margin-top:2px;padding:9px 10px;font-size:13px;display:flex}.dropdown-item:hover{background:#f4f5f7}.dropdown-item.danger{color:#b8260f}.dropdown-item.danger:hover{background:#ffebe6}.home-main{width:min(1180px,100%);margin:0 auto;padding:34px 24px 64px}.home-main.centered{place-items:center;min-height:calc(100dvh - 56px);display:grid}.home-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:700}.home-head h1,.admin-panel-head h1{color:var(--text);letter-spacing:-.4px;margin:0;font-size:25px;font-weight:800}.home-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;display:grid}.board-tile{color:#fff;text-align:left;cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-height:126px;padding:14px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 1px 2px #091e422e,inset 0 0 0 1px #ffffff1a}.board-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #091e4238,inset 0 0 0 1px #ffffff29}.board-tile strong{font-size:17px;font-weight:700;line-height:1.25}.board-tile-role{letter-spacing:.4px;text-transform:uppercase;background:#ffffff38;border-radius:99px;align-self:flex-end;padding:2px 7px;font-size:9.5px;font-weight:700}.board-tile-meta{color:#ffffffd1;align-items:center;gap:5px;font-size:11.5px;display:flex}.board-tile-meta .dot{background:#ffffff8c;border-radius:50%;width:3px;height:3px;margin:0 2px}.board-tile.create{color:var(--muted);text-align:center;background:#fff;border:2px dashed #c1c7d0;justify-content:center;align-items:center}.board-tile.create:hover{border-color:var(--blue);color:var(--blue);background:#f7fbff}.board-tile.create strong{font-size:14px}.create-plus{width:38px;height:38px;color:var(--blue);background:#e4f0f6;border-radius:50%;place-items:center;display:grid}.home-footnote{color:var(--subtle);align-items:center;gap:6px;margin:26px 2px 0;font-size:11.5px;display:flex}.empty-panel{text-align:center;background:#fff;border-radius:14px;width:min(420px,100%);padding:28px;box-shadow:0 8px 30px #091e421f}.empty-panel .panel-icon{margin:0 auto 12px}.empty-panel h1{margin:0 0 6px;font-size:21px}.empty-panel p{color:var(--muted);margin:0 0 18px;font-size:13px}.panel-modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100dvh - 80px);padding:24px;animation:.14s pop-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000059}.panel-modal.narrow{width:min(440px,100%)}.panel-modal-head{align-items:flex-start;gap:12px;padding-right:34px;display:flex}.panel-icon{width:40px;height:40px;color:var(--blue);background:#e4f0f6;border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.panel-modal-head h2{color:var(--text);letter-spacing:-.2px;margin:0;font-size:19px;font-weight:750}.panel-modal-head p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.panel-body{margin-top:18px}.form-stack{flex-direction:column;gap:14px;display:flex}.field-label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.color-grid{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.color-swatch.active{border-color:#172b4d;box-shadow:inset 0 0 0 2px #fff}.panel-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.inline-form{gap:8px;display:flex}.inline-form input{flex:auto;min-width:0}.btn-primary{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-danger.small{width:auto;padding:6px 10px;font-size:12px}.muted.small{font-size:12px}.member-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.member-row{border:1px solid #eceef1;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;display:flex}.member-info{flex-direction:column;flex:auto;min-width:0;display:flex}.member-info strong{font-size:13.5px}.member-info span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.role-pill{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;background:#f0f1f4;border-radius:99px;padding:3px 7px;font-size:9.5px;font-weight:700}.role-pill.owner{color:#7a5d00;background:#fff0b3}.role-pill.admin{color:#005b8c;background:#e4f0f6}.role-pill.user{color:var(--muted);background:#f0f1f4}.member-add{border-top:1px solid #eceef1;margin-top:16px;padding-top:14px}.danger-zone{background:#fff5f2;border:1px solid #ffd6ce;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.danger-zone strong{font-size:13px;display:block}.danger-zone span{color:var(--muted);font-size:11.5px}.back-button{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff2e;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.back-button:hover{background:#ffffff47}.back-button.dark{color:#fff;background:#ffffff29;border-color:#fff3}.board-name.static{cursor:default;pointer-events:none;background:0 0;margin:0;padding-left:0}.board-members{color:#ffffffd1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.board-members:hover{color:#fff}.member-stack{align-items:center;padding-left:4px;display:flex}.member-stack .avatar{margin-left:-5px}.member-stack .avatar:first-child{margin-left:0}.card-assignees{align-items:center;margin-left:auto;padding-left:4px;display:flex}.card-assignees .avatar{margin-left:-5px}.card-assignees .avatar:first-child{margin-left:0}.assignee-list{flex-direction:column;gap:4px;display:flex}.assignee-chip{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;padding:4px 5px;font-size:12.5px;display:flex}.assignee-chip:hover{background:#091e420f}.assignee-chip.active{background:#e4f0f6}.assignee-chip>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.assignee-chip:disabled{opacity:.6}.admin-main{flex-direction:column;gap:20px;width:min(1180px,100%);margin:0 auto;padding:28px 24px 64px;display:flex}.admin-panel{background:#fff;border-radius:12px;padding:22px;box-shadow:0 1px 2px #091e421a}.admin-panel-head h1{font-size:21px}.admin-create-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.admin-create-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.admin-create-form input,.admin-create-form select{width:100%;color:var(--text);background:#fafbfc;border:1px solid #dfe1e6;border-radius:6px;outline:none;padding:9px 10px;font-size:13.5px}.admin-create-form input:focus,.admin-create-form select:focus{border-color:var(--blue);background:#fff}.user-table-wrap{margin-top:14px;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px}.user-table th{color:var(--muted);letter-spacing:.4px;text-align:left;text-transform:uppercase;border-bottom:1px solid #eceef1;padding:8px;font-size:10.5px;font-weight:700}.user-table td{vertical-align:middle;border-bottom:1px solid #f1f2f4;padding:10px 8px}.user-cell{align-items:center;gap:9px;display:flex}.user-cell strong{align-items:center;font-size:13px;display:flex}.user-cell span{color:var(--muted);font-size:11.5px}.self-pill{color:#005b8c;text-transform:uppercase;background:#e4f0f6;border-radius:99px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:700}.status-pill{letter-spacing:.3px;text-transform:uppercase;border-radius:99px;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-block}.status-pill.on{color:#064;background:#e3fcef}.status-pill.off{color:#bf2600;background:#ffebe6}.row-actions{flex-wrap:wrap;gap:4px;display:flex}.btn-table{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-table:hover{color:var(--text);background:#f0f1f4}.disabled-row{opacity:.58}@media (width<=900px){.admin-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-create-form .btn-primary{grid-column:1/-1}}@media (width<=760px){.app-topbar{height:52px;padding:0 12px}.board-header{flex-wrap:wrap;align-items:center;row-gap:7px}.board-header>.board-identity{flex:auto;min-width:0}.board-header .header-actions{order:3;justify-content:flex-end;width:100%;margin-left:0}.board-header .board-search{flex:auto;width:auto;min-width:0}.board-header .board-search:focus-within{width:auto}.user-button-name{display:none}.home-main{padding:22px 14px 48px}.home-head{flex-direction:column;align-items:flex-start}.board-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.board-tile{min-height:112px;padding:12px}.board-tile strong{font-size:15px}.board-tile-meta{font-size:10.5px}.board-header{gap:8px}.back-button{flex-basis:30px;width:30px;height:30px}.board-members>span:last-child,.member-stack .avatar:nth-child(n+4){display:none}.board-search{width:118px}.board-search:focus-within{width:160px}.panel-modal,.panel-modal.narrow{border-radius:0;width:100%;min-height:100dvh;max-height:100dvh;padding:20px 16px}.panel-actions{flex-wrap:wrap}.admin-main{padding:16px 12px 48px}.admin-panel{padding:16px}.admin-create-form{grid-template-columns:1fr}.admin-create-form .btn-primary{grid-column:auto}.inline-form{flex-direction:column}.danger-zone{flex-direction:column;align-items:flex-start}}@media (width<=460px){.board-grid{grid-template-columns:1fr}.auth-card{padding:24px 20px}}