body{margin:0;background:#f3f5f9;color:#17243a;font:16px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{border:0}h1,h2,h3,p{margin:0}button{background:transparent;color:inherit}select{border:1px solid #d8e0eb;border-radius:7px;padding:10px;background:white;color:#182c48;max-width:100%}[hidden]{display:none!important}a{color:#235ee8}*{box-sizing:border-box}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #88acff;outline-offset:3px}.topbar{height:82px;display:flex;align-items:center;padding:0 3.5%;gap:50px;background:#fff;border-bottom:1px solid #e1e6ef}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.6px;text-decoration:none;color:#152642;white-space:nowrap}.brandlight{font-weight:400}.brandmark{display:grid;place-items:center;background:#235ee8;color:white;width:39px;height:39px;border-radius:11px}.workspace{color:#6e7a8e;font-size:14px}.workspace span{padding:0 16px;color:#b4bfce}.account{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px}.account b{background:#eaf0fa;border-radius:6px;padding:3px 7px;font-size:12px}main{padding:38px 3.5% 20px;max-width:1800px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#647590;margin-bottom:12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:38px;line-height:1.2;font-weight:750;letter-spacing:-1.3px}.titlemark{color:#235ee8}.heading p{color:#6c788b;margin-top:10px;font-size:16px}.primary{background:#235ee8;color:#fff;border-radius:9px;padding:13px 19px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;box-shadow:0 4px 8px #235ee81a}.primary:hover{background:#154ecb}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;margin:32px 0 28px;background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:23px 26px}.metrics>div{display:flex;align-items:center;gap:16px;border-right:1px solid #e8edf3;padding:0 24px;color:#6c788b;font-size:14px}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0;padding-right:0}.metricnumber{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-1px;color:#28374e}.blue{color:#235ee8}.green{color:#168575}.metrics .progressmetric{display:block}.progressmetric>span{display:flex;justify-content:space-between;margin-bottom:12px}.progressmetric b{color:#273b59}.track{height:5px;border-radius:4px;background:#e8edf5;overflow:hidden}.track i{display:block;height:100%;background:#235ee8}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dce3ec;margin-bottom:23px;padding-bottom:15px}.viewlabel{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:#235ee8}.viewlabel span{color:#6e7e93;background:#e4eaf3;padding:1px 6px;border-radius:4px;font-size:12px}.filters{display:flex;align-items:center;gap:12px;color:#62728c}.choice{width:100%;background:#fff;font-size:14px;min-height:40px;height:auto;white-space:normal}.filters .choice{min-width:160px;max-width:260px}.iconbutton{padding:9px;background:#fff;border:1px solid #dce3ec;border-radius:8px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-items:start}.column{min-height:390px;border-radius:12px;background:#e9edf4;padding:14px 12px;display:flex;flex-direction:column;border-top:3px solid #b1bed2}.column.work{border-top-color:#235ee8}.column.review{border-top-color:#e4a126}.column.done{border-top-color:#269984}.columnhead{display:flex;align-items:center;gap:9px;margin:0 2px 18px}.columnhead h2{font-size:14px;font-weight:650}.columnhead .count{font-size:12px;color:#748299}.columnhead button{margin-left:auto;color:#748299;padding:3px}.stageicon{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#dae1ec;color:#5c6e8b;font-size:12px;font-weight:700}.work .stageicon{background:#dae5ff;color:#235ee8}.review .stageicon{background:#f9edcd;color:#a97107}.done .stageicon{background:#d1eae2;color:#147b68}.cards{display:grid;gap:12px}.task{display:block;width:100%;min-width:0;text-align:left;background:#fff;border-radius:10px;border:1px solid #dfe5ee;padding:16px;box-shadow:0 2px 3px #20365b04;transition:transform .15s,box-shadow .15s}.task:hover{transform:translateY(-2px);box-shadow:0 5px 18px #20365b0d}.cardtop{display:flex;justify-content:space-between;align-items:center;color:#93a1b6}.priority{font-size:12px;border-radius:4px;padding:3px 7px;background:#edf1f7;color:#667991}.priority.high{background:#fff0e8;color:#b65023}.priority.low{background:#e8f4ed;color:#357d54}.task h3{font-size:16px;line-height:1.5;font-weight:600;margin:13px 0 8px;overflow-wrap:anywhere}.task p{font-size:14px;line-height:1.5;color:#7a8799;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cardbottom{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #f0f3f7;margin-top:18px;padding-top:13px;font-size:14px;color:#7b889b;flex-wrap:wrap}.date,.overdue{display:flex;align-items:center;gap:5px}.overdue{color:#c24a31}.person{display:flex;align-items:center;gap:5px;max-width:100%;font-size:12px}.person>span{max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person i,.avatar{font-style:normal;background:#e7edfb;color:#42649b;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.addtask{display:flex;align-items:center;justify-content:center;gap:7px;color:#7d8aa0;font-size:14px;padding:14px 0;margin-top:10px}.addtask:hover{color:#235ee8}.emptycolumn{min-height:230px;color:#8490a1;border:1px dashed #ccd5e3;border-radius:8px}.emptycolumn [data-slot=empty-description]{font-size:14px;max-width:180px}footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8a97aa;margin-top:28px}.taskdialog{background:white;max-height:90dvh;overflow-y:auto;border-radius:14px}.taskdialog form{display:grid;gap:17px}.taskdialog label{display:grid;gap:7px;font-size:14px;color:#53637c;min-width:0}.taskdialog input,.taskdialog textarea{width:100%;border:1px solid #d8e0eb;border-radius:7px;background:white;color:#182c48;padding:10px 12px;font-size:16px;outline-color:#235ee8}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.save{margin-top:4px;min-height:45px}.error{padding:12px;background:#fff0ec;color:#ad422c;font-size:14px;border-radius:8px;margin-bottom:12px}.error button{text-decoration:underline}.memberlist{display:grid;gap:14px;max-height:210px;overflow:auto}.memberlist>div{display:flex;gap:10px;align-items:center}.memberlist b{font-size:14px;font-weight:600}.memberlist small{display:block;color:#8390a3;font-size:12px;overflow-wrap:anywhere}.avatar{width:35px;height:35px}
@media(min-width:1500px){.board{gap:24px}.column{min-height:470px}.task{padding:20px}}
@media(max-width:1050px){.metrics>div{padding:0 13px;gap:10px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{display:none}.column{min-height:310px}.emptycolumn{min-height:160px}}
@media(max-width:600px){.topbar{height:68px;padding:0 18px;gap:10px}.brand{font-size:16px;gap:8px}.brandmark{width:33px;height:33px}.account span{display:none}main{padding:26px 16px}h1{font-size:30px}.eyebrow{font-size:12px;letter-spacing:1px}.heading{align-items:flex-start;flex-direction:column;gap:20px}.heading p{font-size:14px}.heading .primary{width:100%;min-height:46px}.metrics{grid-template-columns:repeat(3,1fr);padding:18px 10px;margin:24px 0}.metrics>div{flex-direction:column;gap:4px;padding:0 6px;font-size:12px}.metricnumber{font-size:26px}.metrics>div:nth-child(3){border:0}.metrics .progressmetric{grid-column:1/-1;padding:18px 6px 0;margin-top:16px;border-top:1px solid #e8edf3;font-size:14px}.filters{gap:7px}.filters>svg{display:none}.filters .choice{min-width:125px;max-width:180px}.board{grid-template-columns:minmax(0,1fr);gap:20px}.column{min-height:200px}.emptycolumn{min-height:110px}.columnhead h2{font-size:16px}.columnhead button{padding:7px}.formrow{grid-template-columns:1fr}.taskdialog{padding:22px}footer{flex-direction:column;gap:7px}}

.auth{min-height:100dvh;display:grid;place-items:center;padding:24px}.authcard{width:100%;max-width:440px;padding:32px;background:white;border:1px solid #e0e6ef;border-radius:16px;box-shadow:0 16px 50px #17243a08}.authcard h1{font-size:30px;margin:30px 0 10px}.authcard>p{line-height:1.6;margin:12px 0 24px;color:#62728c}.authcard form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:14px;color:#53637c}input,textarea{width:100%;border:1px solid #d8e0eb;border-radius:7px;padding:12px;background:white;color:#182c48;min-width:0;font-size:16px}.check{display:flex;align-items:center;line-height:1.5}.check input{width:auto}.hint{font-size:13px;line-height:1.5;color:#6c788b}.taskdialog{border:1px solid #d8e0eb;padding:26px;width:calc(100% - 32px);max-width:560px;color:#17243a;box-shadow:0 20px 80px #17243a30}.taskdialog::backdrop{background:#182c4870}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.dialoghead h2{font-size:22px}.emptycolumn{display:grid;place-content:center;text-align:center;gap:10px;padding:20px;font-size:14px}.emptycolumn p{line-height:1.5;max-width:220px}.memberlist{max-height:300px;margin-bottom:24px}.memberrow{flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e9edf4}.memberrow .membertext{flex:1;min-width:120px}.memberactions{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.memberactions button{border:1px solid #d8e0eb;border-radius:5px;padding:7px}.disabledmember{opacity:.65}#member-form h3{font-size:18px}.error{line-height:1.5}.topbar button{white-space:nowrap}#who{line-height:1.6}input:disabled,select:disabled,textarea:disabled{opacity:.75}#sync{min-width:120px}@media(max-width:600px){.topbar{gap:7px;flex-wrap:wrap;height:auto;min-height:76px;padding:14px 16px}.brand{margin-right:auto}.account{margin-left:0}.topbar .iconbutton{font-size:12px;padding:8px}.authcard{padding:24px}.taskdialog{padding:20px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics>div:last-child{padding:0 6px}.toolbar{flex-wrap:wrap}}