html,body,#root{height:100%}body{color:#172b4d;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:20px;overflow:hidden}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}.input{color:#172b4d;background:#fff;border:2px solid #dfe1e6;border-radius:6px;width:100%;padding:7px 10px;font-size:14px;line-height:20px}.input:focus{border-color:#4c9aff;outline:none}.input--light{background:#ffffffe6;border-color:#0000}.btn{color:#172b4d;background:#091e420a;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:#091e4214}.btn--primary{color:#fff;background:#0079bf}.btn--primary:hover{background:#026aa7}.btn--block{width:100%;margin-top:8px}.icon-btn{color:#5e6c84;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-btn:hover{color:#172b4d;background:#091e420a}.icon-btn--danger:hover{color:#b04632;background:#eb5a461f}.icon-btn--light{color:#fff}.icon-btn--light:hover{color:#fff;background:#ffffff3d}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.board{flex-direction:column;display:flex;position:fixed;inset:0}.board-header{color:#fff;background:#00000052;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.header-btn{color:#fff;white-space:nowrap;background:#ffffff3d;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 10px;font-size:14px;font-weight:500;display:inline-flex}.header-btn:hover{background:#ffffff52}.header-btn.is-active{background:#00000052;box-shadow:inset 0 0 0 1px #fff6}.header-btn--star{flex-shrink:0;padding:6px}.header-btn--star.is-starred{color:#f2d600}.board-title{color:#fff;background:0 0;border:none;border-radius:6px;max-width:340px;padding:5px 8px;font-size:16px;font-weight:600}.board-title:hover{background:#ffffff3d}.board-title:focus{color:#172b4d;background:#fff;outline:none;box-shadow:0 0 0 2px #4c9aff}.board-title:disabled{cursor:default}.board-title:disabled:hover{background:0 0}.board-visibility{opacity:.85;border-radius:6px;padding:4px 8px;font-size:13px}.board-visibility:hover{background:#ffffff3d}.header-divider{background:#ffffff52;width:1px;height:20px;margin:0 4px}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.header-avatars{display:flex}.header-avatars .avatar{margin-left:-8px}.header-avatars .avatar:first-child{margin-left:0}.members-btn .avatar{border-color:#0000004d;width:26px;height:26px}.members-pop-wrap{position:relative}.members-pop{z-index:120;color:#172b4d;background:#fff;border-radius:8px;width:280px;padding-bottom:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 16px -4px #091e4240,0 0 0 1px #091e4214}.mem-row{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.mem-row:hover{background:#091e420a}.mem-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.mem-row__current{color:#0079bf;flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.role-badge{border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:500}.role-badge--admin{color:#0079bf;background:#0079bf1f}.role-badge--member{color:#44546f;background:#091e420f}.role-badge--observer{color:#344563;background:#3445631f}.board__content{flex:1;align-items:flex-start;gap:12px;padding:12px 8px;display:flex;overflow:auto hidden}.list{background:#ebecf0;border-radius:12px;flex-direction:column;flex-shrink:0;width:272px;max-height:100%;display:flex;box-shadow:0 1px 1px #091e4240}.list--archived{opacity:.65;filter:saturate(.6)}.list__header{align-items:center;gap:6px;padding:10px 12px 6px;display:flex;position:relative}.list__title{color:#172b4d;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;margin:-4px 0;padding:4px 6px;font-weight:600;overflow:hidden}.list__title:hover{background:#091e4214}.list__title-input{padding:4px 8px;font-weight:600}.list__count{color:#6b778c;flex-shrink:0;font-size:13px}.list__restore{color:#0079bf;border-radius:4px;padding:2px 6px;font-size:12px}.list__restore:hover{background:#091e4214}.list__menu-btn{opacity:.4;margin-left:auto}.list__header:hover .list__menu-btn,.list__menu-btn:focus-visible{opacity:1}.list__cards{flex:1;min-height:12px;padding:4px 8px 8px;overflow-y:auto}.list__add{color:#44546f;text-align:left;border-radius:8px;align-items:center;gap:6px;width:calc(100% - 16px);margin:0 8px 8px;padding:8px 10px;font-size:14px;display:flex}.list__add:hover{color:#172b4d;background:#091e420a}.list__drop-empty{text-align:center;color:#172b4d;background:#388bff14;border:2px dashed #388bff;border-radius:8px;padding:16px}.list__archived-note{color:#7f8698;border-top:1px solid #d7dae0;padding:8px 12px;font-size:12px}.card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;margin-bottom:8px;padding:8px 12px 8px 8px;transition:box-shadow .12s,transform .12s;position:relative;box-shadow:0 1px 1px #091e4240}.card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #091e4233}.card--dragging{opacity:.35}.card--drop{outline-offset:-2px;outline:2px dashed #388bff}.card--archived{box-shadow:none;background:#f4f5f7}.card--hidden{display:none}.card__labels{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.card__label{border-radius:4px;width:40px;height:8px}.card__title{color:#172b4d;word-break:break-word;padding-right:8px;font-size:14px;line-height:20px}.card__progress{align-items:center;gap:6px;margin-top:8px;display:flex}.card__progress-track{background:#091e420a;border-radius:4px;flex:1;height:8px;overflow:hidden}.card__progress-fill{border-radius:4px;height:100%;transition:width .2s}.card__progress-text{color:#5e6c84;font-size:11px}.card__footer{color:#44546f;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.card__due{border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-weight:500;display:inline-flex}.card__due--overdue{color:#fff;background:#eb5a46}.card__due--complete{color:#fff;background:#61bd4f}.card__badge{align-items:center;gap:4px;display:inline-flex}.card__members{margin-left:auto;display:flex}.card__members .avatar{margin-left:-6px}.card__members .avatar:first-child{margin-left:0}.card__archive-mark{color:#b04632;background:#eb5a461f;border-radius:4px;margin-top:6px;padding:1px 6px;font-size:11px;display:inline-block}.card__edit{color:#42526e;opacity:0;background:#f1f2f4;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .12s;display:inline-flex;position:absolute;top:4px;right:4px}.card:hover .card__edit{opacity:.7}.card:hover .card__edit:hover{opacity:1;background:#e4e6e9}.composer{padding:4px 8px 8px}.composer__input{font-size:14px;line-height:20px}.composer__actions{align-items:center;gap:8px;margin-top:6px;display:flex}.add-list{border-radius:12px;flex-shrink:0;width:272px}.add-list__btn{color:#fff;text-align:left;background:#ffffff3d;border-radius:12px;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;display:flex}.add-list__btn:hover{background:#ffffff52}.add-list .composer{background:#ebecf0;border-radius:12px;padding:8px}.menu-backdrop{z-index:90;position:fixed;inset:0}.menu,.popover{z-index:100;background:#fff;border-radius:8px;position:absolute;box-shadow:0 8px 16px -4px #091e4240,0 0 0 1px #091e4214}.popover{width:304px;padding:0 0 8px}.popover--menu{min-width:272px;padding:0 0 8px;top:36px;right:8px}.popover__header{color:#172b4d;border-bottom:1px solid #ebecf0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 8px 8px 12px;font-size:14px;font-weight:600;display:flex}.popover__body{max-height:340px;padding:4px 8px;overflow-y:auto}.popover__label{color:#5e6c84;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px;font-size:12px;font-weight:600}.popover__action{color:#5e6c84;text-align:left;border-radius:6px;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px;display:flex}.popover__action:hover{color:#172b4d;background:#091e420a}.menu__item{color:#172b4d;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;display:flex}.menu__item:hover{background:#091e420a}.menu__current{color:#0079bf;font-size:12px}.menu__divider{background:#ebecf0;height:1px;margin:6px 0}.label-row{align-items:center;gap:8px;padding:3px 0;display:flex}.label-row__swatch{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.label-row__name{text-align:left;color:#172b4d;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:4px 8px;overflow:hidden}.label-row__name:hover{background:#091e420a}.label-row__check{color:#5e6c84;flex-shrink:0}.label-create{border-top:1px solid #ebecf0;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;display:flex}.label-create__actions{gap:8px;display:flex}.overlay{z-index:200;background:#00000080;justify-content:center;display:flex;position:fixed;inset:0}.overlay--center{align-items:center}.modal{background:#fff;border-radius:12px;align-self:flex-start;width:768px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin-top:32px;padding:12px 16px 24px;position:relative;overflow-y:auto;box-shadow:0 8px 24px #091e424d}.modal__close{color:#42526e;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:8px;right:8px}.modal__close:hover{background:#091e420a}.modal__breadcrumb{color:#5e6c84;margin-bottom:4px;padding-right:48px;font-size:14px}.modal__crumb-sep{color:#8993a4;margin:0 6px}.modal__crumb-strong{color:#172b4d;font-weight:600}.modal__card-n{color:#8993a4;margin-left:6px}.modal__cols{gap:16px;margin-top:8px;display:flex}.modal__main{flex:1;min-width:0}.modal__side{flex-shrink:0;width:168px}.modal__title-input{color:#172b4d;background:0 0;border:2px solid #0000;border-radius:6px;width:100%;margin-left:-8px;padding:6px 8px;font-size:20px;font-weight:600;line-height:28px}.modal__title-input:hover{background:#f1f2f4}.modal__title-input:focus{background:#fff;border-color:#4c9aff;outline:none}.modal__section{margin-top:20px}.section-title{color:#5e6c84;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.section-edit{color:#0079bf;text-transform:none;letter-spacing:0;border-radius:4px;margin-left:8px;padding:2px 6px;font-weight:500}.section-edit:hover{background:#091e420a}.modal__desc{color:#172b4d;white-space:pre-wrap;word-break:break-word;cursor:text}.modal__desc-input{min-height:100px;margin-bottom:8px}.modal__desc-placeholder{text-align:left;color:#5e6c84;background:#091e420a;border-radius:6px;width:100%;padding:8px}.modal__desc-placeholder:hover{background:#091e4214}.modal__actions-row{gap:8px;display:flex}.modal__due{color:#172b4d;background:#f4f5f7;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.modal__due--overdue{color:#fff;background:#eb5a46}.modal__due--complete{color:#fff;background:#61bd4f}.chip{color:#fff;border-radius:4px;align-items:center;gap:6px;height:32px;margin:0 4px 4px 0;padding:0 6px 0 12px;font-size:14px;font-weight:500;display:inline-flex}.chip__x{color:#fffc;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.chip__x:hover{color:#fff;background:#00000026}.member-chips{gap:4px;display:flex}.checklist{margin-bottom:16px}.checklist__header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.checklist__name{flex:1;font-weight:600}.checklist__progress{align-items:center;gap:8px;margin-bottom:8px;display:flex}.checklist__pct{color:#5e6c84;flex-shrink:0;width:40px;font-size:12px}.checklist__track{background:#091e420a;border-radius:4px;flex:1;height:8px;overflow:hidden}.checklist__fill{border-radius:4px;height:100%;transition:width .2s}.checklist__count{color:#5e6c84;flex-shrink:0;font-size:12px}.cl-item{align-items:center;gap:8px;padding:4px 2px;display:flex}.cl-item__box{color:#fff;border:1px solid #b6bbbf;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:background .12s;display:flex}.cl-item__box:hover{border-color:#7a8189}.cl-item__box.is-checked{background:#61bd4f;border-color:#61bd4f}.cl-item__title{color:#172b4d;flex:1}.cl-item__title.is-checked{color:#7f8698;text-decoration:line-through}.cl-item__del{opacity:0}.cl-item:hover .cl-item__del{opacity:1}.cl-item-add{margin:6px 0 0 24px}.comment-composer{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.comment-composer__box{flex:1}.comment-composer__box .btn{margin-top:6px}.comment{gap:8px;margin-bottom:12px;display:flex}.comment__content{flex:1}.comment__meta{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment__author{color:#172b4d;font-weight:600}.comment__time{color:#8993a4;font-size:12px}.comment__text{color:#172b4d;word-break:break-word;background:#f1f2f4;border-radius:8px;padding:8px 12px}.history-row{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.history-row__text{color:#172b4d;word-break:break-word;flex:1;padding-top:5px}.side-section-title{color:#5e6c84;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;font-size:12px;font-weight:600}.side-btn-wrap{position:relative}.side-btn{color:#172b4d;text-align:left;background:#091e420a;border-radius:6px;align-items:center;gap:8px;width:100%;height:32px;margin-bottom:8px;padding:6px 12px;font-size:14px;display:flex}.side-btn:hover{background:#091e4214}.side-btn--active{color:#026aa7;background:#e4f0f6;box-shadow:inset 0 0 0 1px #026aa7}.side-btn--danger{color:#b04632}.side-btn--danger:hover{background:#eb5a461f}.popover--side{z-index:210;top:calc(100% - 4px);left:0}.member-row{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.member-row:hover{background:#091e420a}.member-row__check{color:#fff;border:1px solid #b6bbbf;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;display:flex}.member-row__check.is-checked{background:#0079bf;border-color:#0079bf}.due-toggle{color:#172b4d;cursor:pointer;align-items:center;gap:8px;margin:10px 0;display:flex}.due-toggle input{accent-color:#0079bf}.board-menu{z-index:150;color:#fff;background:#403294;width:340px;padding:16px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 12px #091e4266}.board-menu__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.board-menu__title{font-size:16px;font-weight:600}.board-menu__close{color:#ffffffd9}.board-menu__close:hover{color:#fff;background:#ffffff29}.board-menu__section{margin-bottom:20px}.board-menu__section-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600}.board-menu__desc{min-height:72px}.board-menu__desc-text{cursor:text;word-break:break-word;background:#ffffff14;border-radius:6px;margin:0;padding:8px}.board-menu__actions{gap:8px;margin-top:8px;display:flex}.board-menu__actions .btn{color:#172b4d}.menu-row{color:#fff;text-align:left;background:#ffffff14;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:10px 12px;font-size:14px;display:flex}.menu-row:hover{background:#ffffff29}.menu-row__swatch{border-radius:4px;width:24px;height:18px;margin-left:auto}.menu-row--accent{color:#b3d4ff;margin-top:8px;font-weight:500}.menu-members{background:#00000040;border-radius:6px;padding:6px 8px}.menu-members__row{align-items:center;gap:8px;padding:5px 2px;display:flex}.menu-members__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-members__row .avatar{border-color:#0000}.menu-row__toggle{color:#fffc;background:#0000004d;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px}.menu-filter__search{color:#172b4d;background:#ffffffe6;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.menu-filter__search input{background:0 0;border:none;flex:1;padding:7px 0}.menu-filter__search input:focus{outline:none}.menu-filter__label{color:#fff;text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:14px;display:flex}.menu-filter__label:hover{background:#ffffff1a}.menu-filter__swatch{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.menu-filter__clear{color:#b3d4ff;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:13px}.menu-filter__clear:hover{background:#ffffff1a}.archived-list{background:#00000040;border-radius:6px;padding:8px}.archived-empty{color:#ffffffb3;margin:0;padding:8px;font-size:13px}.archived-item{align-items:center;gap:8px;padding:5px 4px;font-size:13px;display:flex}.archived-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.archived-item__restore{color:#b3d4ff;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:12px}.archived-item__restore:hover{background:#ffffff1a}.member-dialog{color:#172b4d;background:#fff;border-radius:12px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:12px 16px 16px;overflow-y:auto;box-shadow:0 8px 24px #091e424d}.member-dialog__current{color:#005a8f;background:#0079bf1a;border-radius:6px;margin:4px 0 12px;padding:8px 12px;font-size:13px}.member-dialog__add-row{gap:8px;display:flex}.member-dialog__add-row .input{flex:1}.member-dialog__add-row .btn{flex-shrink:0}.member-dialog__role-select{max-width:96px}.member-dialog__list{flex-direction:column;gap:2px;display:flex}.m-row{border-bottom:1px solid #ebecf0;align-items:center;gap:8px;padding:6px 4px;display:flex}.m-row:last-child{border-bottom:none}.m-row__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:4px 8px;overflow:hidden}.m-row__name:hover{background:#091e420a}.m-row__role{flex-shrink:0;width:92px;padding:4px 6px}.m-row__role:disabled{color:#8993a4;background:#f4f5f7}.m-row__switch{flex-shrink:0;padding:4px 10px;font-size:13px}.m-row__switch.is-current{color:#0079bf;background:#0079bf1a}.m-row__switch:disabled{cursor:default}.m-row__remove{flex-shrink:0}.m-row__remove:disabled{opacity:.35;cursor:not-allowed}.side-note{color:#44546f;text-align:center;background:#f4f5f7;border-radius:8px;margin-top:16px;padding:12px;font-size:13px}.input:disabled{color:#8993a4;cursor:default;background:#f4f5f7}.bg-picker{color:#172b4d;background:#fff;border-radius:12px;width:320px;max-width:calc(100vw - 32px);padding:12px 16px 16px;box-shadow:0 8px 24px #091e424d}.bg-picker__header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.bg-picker__grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px;display:grid}.bg-swatch{color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:48px;display:flex}.bg-swatch:hover{outline-offset:1px;outline:2px solid #388bff}.list__cards::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar{width:10px}.board-menu::-webkit-scrollbar{width:10px}.popover__body::-webkit-scrollbar{width:10px}.list__cards::-webkit-scrollbar-thumb{background:#091e4233 padding-box content-box;border:2px solid #0000;border-radius:5px}.modal::-webkit-scrollbar-thumb{background:#091e4233 padding-box content-box;border:2px solid #0000;border-radius:5px}.board-menu::-webkit-scrollbar-thumb{background:#091e4233 padding-box content-box;border:2px solid #0000;border-radius:5px}.popover__body::-webkit-scrollbar-thumb{background:#091e4233 padding-box content-box;border:2px solid #0000;border-radius:5px}