*{box-sizing:border-box}body{color:#172b4d;margin:0;font:14px Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.appbar{color:#fff;background:#292f4c;align-items:center;gap:12px;height:48px;padding:0 18px;display:flex}.appbar span{flex:1}.appbar button{color:#fff;background:#ffffff20;border:0;border-radius:4px;padding:7px 10px}.header{border-bottom:1px solid #dfe1e6;padding:18px 32px 0}.board-name{color:#323338;border:0;outline:0;width:min(600px,100%);padding:2px 0 16px;font-size:25px;font-weight:700}.filters{gap:7px;padding-bottom:12px;display:flex;overflow:auto}.filters button{color:#44546f;white-space:nowrap;background:#f1f2f4;border:0;border-radius:4px;padding:7px 9px;font-size:12px}.filters .active{color:#0055a5;background:#dbeafe;font-weight:700}.filters i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.header nav{gap:12px;height:37px;display:flex}.header nav button{color:#5e6c84;background:0 0;border:0;padding:8px 5px}.header nav .active{color:#0073ea;border-bottom:2px solid #0073ea;font-weight:700}.table{padding:25px 32px}.table>section{margin-bottom:28px}.group-head{align-items:center;gap:8px;height:40px;display:flex}.group-head i{background:#00a2ae;border-radius:50%;width:10px;height:10px}.group-head input{color:#00a2ae;background:0 0;border:0;outline:0;font-size:16px;font-weight:700}.group-head button{color:#5e6c84;background:0 0;border:0;margin-left:auto}.status-to-do .group-head i{background:#579bfc}.status-to-do .group-head input{color:#2675d9}.status-in-progress .group-head i{background:#fdab3d}.status-in-progress .group-head input{color:#c98700}.status-stuck .group-head i{background:#e2445c}.status-stuck .group-head input{color:#d83a52}.status-review .group-head i{background:#ff8a3d}.status-review .group-head input{color:#d97018}.status-done .group-head i{background:#00c875}.status-done .group-head input{color:#009b61}.thead,.tr{grid-template-columns:minmax(240px,2fr) 135px 180px 145px minmax(180px,1fr);display:grid}.thead{color:#5e6c84;background:#fafbfc;border:1px solid #dfe1e6;border-bottom:0;font-size:12px}.thead span{border-right:1px solid #dfe1e6;padding:11px}.tr{border:1px solid #dfe1e6;border-top:0;min-height:54px}.tr>*{background:#fff;border:0;border-right:1px solid #dfe1e6;min-width:0;padding:8px 11px}.tr:hover>*{background:#f7fbff}.item{text-align:left;color:#172b4d;font-weight:700}.item:hover{color:#0073ea;text-decoration:underline}.priority{color:#fff;text-align:center;background:#00c875;border-radius:4px;padding:6px;font-size:12px;font-weight:700;border:0!important}.priority.medium{color:#432;background:#fdab3d}.priority.high{background:#e2445c}.tr .priority{width:calc(100% - 8px);margin:4px}.owner,.date{color:#44546f;outline:0}.label-cell{align-items:center;gap:5px;display:flex}.label-cell select{background:#f1f2f4;border:0;border-radius:3px;padding:4px}.pills{flex-wrap:wrap;gap:4px;display:flex}.pills span{color:#fff;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:700}.add{color:#5e6c84;background:0 0;border:0;padding:10px}.add:hover{color:#0073ea}.composer{border:1px solid #dfe1e6;gap:7px;padding:8px;display:flex}.composer input,.new-list input{border:1px solid #0073ea;border-radius:3px;flex:1;min-width:0;padding:8px}.composer button,.primary{color:#fff;background:#0073ea;border:0;border-radius:3px;padding:8px 10px}.board-app{background:#0079bf}.board-app .appbar{background:#026aa7}.board-app .header{background:0 0;border:0}.board-app .board-name{color:#fff;background:#ffffff20;border-radius:3px;margin-bottom:9px;padding:7px 10px;font-size:20px}.board-app .filters button{color:#fff;background:#ffffff26}.board-app .filters .active{color:#172b4d;background:#fff}.board-app nav button{color:#ffffffd9}.board-app nav .active{border-radius:3px;color:#fff!important;background:#ffffff2b!important;border:0!important}.kanban{background:linear-gradient(135deg,#0079bf,#0067a3);align-items:start;gap:16px;min-height:calc(100vh - 168px);padding:18px 16px 40px;display:flex;overflow:auto}.list{background:#ebecf0;border-top:4px solid #8c9bab;border-radius:5px;flex:0 0 320px;gap:10px;padding:9px;display:grid}.list.status-to-do{border-color:#579bfc}.list.status-in-progress{border-color:#fdab3d}.list.status-stuck{border-color:#e2445c}.list.status-review{border-color:#ff8a3d}.list.status-done{border-color:#00c875}.list header{cursor:grab;align-items:center;gap:5px;display:flex}.list header input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:5px;font-size:16px;font-weight:700}.list header button{color:#5e6c84;background:0 0;border:0}.list article{cursor:pointer;background:#fff;border-radius:4px;gap:10px;min-height:82px;padding:13px 14px;display:grid;box-shadow:0 1px 1px #091e4220}.list article:hover{background:#f4f5f7}.list article strong{font-size:15px;line-height:1.4}.list article>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.list article small{color:#5e6c84}.drop{transform:translate(10px);box-shadow:-9px 0 #ffffffb8,0 0 0 3px #fff}.drop:before{content:"Drop list here";color:#005a91;text-align:center;background:#dff3ff;border:2px dashed #0079bf;border-radius:4px;padding:9px;font-weight:700}.new-list,.new-list-button{border-radius:5px;flex:0 0 320px}.new-list{background:#ebecf0;flex-wrap:wrap;gap:7px;padding:9px;display:flex}.new-list input{flex-basis:100%}.new-list button{color:#fff;background:#0079bf;border:0;border-radius:3px;padding:7px 10px}.new-list button+button{color:#42526e;background:0 0;font-size:19px}.new-list-button{color:#fff;text-align:left;background:#ffffff3d;border:0;padding:12px 14px;font-weight:700}.shade{z-index:20;background:#091e4260;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.manager,.delete{background:#fff;border-radius:7px;width:min(480px,100%);max-height:calc(100vh - 36px);padding:20px;overflow:auto;box-shadow:0 8px 24px #0004}.manager header,.pane>header{justify-content:space-between;align-items:center;display:flex}.manager header button,.pane>header button{background:0 0;border:0;font-size:24px}.manager>div{grid-template-columns:34px 1fr auto;gap:8px;margin:8px 0;display:grid}.manager input[type=color]{border:0;width:32px;height:30px;padding:0}.manager input:not([type=color]){border:1px solid #dfe1e6;border-radius:3px;padding:7px}.manager div button{color:#d83a52;background:0 0;border:0}.pane{z-index:15;background:#fff;width:min(620px,100%);height:100vh;position:fixed;top:0;right:0;overflow:auto;box-shadow:-8px 0 28px #0003}.pane>header{color:#5e6c84;border-bottom:1px solid #dfe1e6;height:52px;padding:0 24px}.pane>div{padding:24px 30px 36px}.card-title{color:#172b4d;border:0;outline:0;width:100%;margin-bottom:15px;font-size:25px;font-weight:700}.pane label{color:#5e6c84;gap:5px;font-size:12px;display:grid}.pane label select,.pane label input{color:#172b4d;background:#fff;border:1px solid #dfe1e6;border-radius:4px;padding:7px}.fields{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.fields .priority{width:100%}.pane section{border-top:1px solid #dfe1e6;margin-top:20px;padding-top:16px}.pane h3{margin:0 0 10px;font-size:15px}.pane textarea{resize:vertical;border:1px solid #dfe1e6;border-radius:4px;width:100%;min-height:76px;padding:9px}.remove-label{color:#44546f;background:#fff;border:1px solid #dfe1e6;border-radius:12px;margin:7px 5px 0 0;padding:4px 7px;font-size:11px}.upload{cursor:pointer;background:#f1f2f4;border-radius:4px;padding:8px 10px;font-weight:700;color:#172b4d!important;display:inline-block!important}.upload input{display:none}.attachment{background:#f4f5f7;border-radius:4px;align-items:center;gap:8px;margin-top:8px;padding:8px;display:flex}.attachment a{color:#0055a5;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachment button{color:#5e6c84;background:0 0;border:0;font-size:18px}.comment{background:#f7f8fa;border-radius:4px;margin:12px 0;padding:9px}.comment time{color:#5e6c84;font-size:11px}.comment p{margin:6px 0 0}.pane .primary{margin-top:8px}.pane footer,.delete footer{border-top:1px solid #dfe1e6;gap:8px;margin-top:24px;padding-top:16px;display:flex}.pane footer button,.delete footer button{color:#172b4d;background:#f1f2f4;border:0;border-radius:4px;padding:8px 10px}.danger{color:#d83a52!important}.delete select{border:1px solid #dfe1e6;border-radius:4px;width:100%;padding:8px}.delete footer .danger{background:#d83a52;color:#fff!important}@media (width<=760px){.header,.table{padding-left:14px;padding-right:14px}.table{overflow:auto}.table>section{min-width:850px}.fields{grid-template-columns:1fr}.kanban{padding-left:10px}.list,.new-list,.new-list-button{flex-basis:300px}.pane{width:100%}}