:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202637;background:#f7f8fc;font-size:16px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #dfe3ed;border-radius:8px;background:white;padding:10px 14px;color:inherit;font-size:.875rem;font-weight:550}button:hover{background:#eef0fa}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a59cff;outline-offset:3px}button:disabled{opacity:.5}button[hidden],[hidden]{display:none!important}aside{width:242px;flex-shrink:0;background:#fff;border-right:1px solid #e5e8f0;padding:32px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{font-size:1.6rem;color:#5145dc;text-decoration:none;font-weight:750;letter-spacing:-1px;padding:0 12px}.brand span{color:#202637}.workspace{font-size:.75rem;color:#858b9a;letter-spacing:1.4px;margin:45px 12px 24px}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding-left:12px;color:#747b8c;font-size:.875rem}.nav-heading button{border:0;font-size:1.2rem}.project{border:0;display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:13px 12px;margin:5px 0;background:transparent}.project>span:nth-child(2){overflow-wrap:anywhere;flex:1}.project.active{background:#eeedff;color:#5145dc}.project-icon{font-size:1.25rem}.project small{font-size:.8rem;color:#737c91}.sidebar-bottom{margin-top:auto;padding:28px 8px 0;display:flex;gap:12px;font-size:.875rem}.avatar{background:#edf0f9;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.sidebar-bottom small{display:block;color:#818899;margin-top:4px;font-size:.75rem}main{flex:1;min-width:0}header{height:83px;background:white;border-bottom:1px solid #e5e8f0;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#7c8495}.slash{margin:0 18px;color:#c4c8d3}#breadcrumb{color:#41495b}.private{color:#6b7284}.content{padding:42px 40px}.title-row{display:flex;gap:20px;align-items:center;justify-content:space-between}.eyebrow{color:#7a7e96;font-size:.75rem;font-weight:650;letter-spacing:1.4px}h1{font-size:2rem;letter-spacing:-1px;margin:10px 0 8px;overflow-wrap:anywhere}#summary{color:#7b8294;font-size:.875rem;margin:0}.actions{display:flex;gap:9px;flex-shrink:0}.primary{background:#5145dc;color:white;border-color:#5145dc;box-shadow:0 3px 6px #5145dc1c}.primary:hover{background:#4135c7}.board-toolbar{display:flex;justify-content:space-between;margin-top:40px;padding:18px 0 16px;border-bottom:1px solid #e0e4ee;font-size:.875rem}.board-toolbar strong{color:#5145dc}#progress-text{color:#858b9b}#progress{height:2px;background:#e9eaf4}#progress>div{height:2px;background:#5145dc;transition:width .3s}#board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.column{min-height:400px;background:#eff1f7;border:1px solid #e7eaf2;border-radius:12px;padding:14px}.column-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.column-heading h2{font-size:.875rem;display:flex;align-items:center;gap:9px;margin:0}.column-heading button{border:0;background:transparent;font-size:1.15rem;padding:4px 7px}.status-dot{width:9px;height:9px;background:#969dac;border-radius:50%}.doing .status-dot{background:#7062e7}.done .status-dot{background:#229c78}.count{background:#e4e7ef;border-radius:5px;padding:3px 7px;color:#727b8d;font-size:.75rem}.card{background:white;border:1px solid #e0e4ee;border-radius:9px;margin-bottom:12px;box-shadow:0 2px 3px #20263704;overflow:hidden}.card:hover{border-color:#aba3ec;box-shadow:0 4px 12px #20263709}.card-main{display:block;width:100%;text-align:left;border:0;padding:18px;background:white;border-radius:0}.card-main:hover{background:#fdfdff}.priority{font-size:.75rem;border-radius:5px;padding:4px 7px;display:inline-block;background:#f0f2f6;color:#6b7586}.high{background:#fff0ec;color:#b95339}.medium{background:#f0edff;color:#6b53b7}.low{background:#eaf5f1;color:#327c67}h3{font-size:1rem;line-height:1.5;margin:12px 0 0;font-weight:600;overflow-wrap:anywhere}.card p{font-size:.875rem;color:#7c8392;line-height:1.55;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.card-footer{display:flex;justify-content:space-between;gap:6px;padding:12px 14px;border-top:1px solid #f0f1f6;color:#7b8293;font-size:.75rem;align-items:center;flex-wrap:wrap}.card-footer select{font-size:.875rem;border:0;color:#676e80;background:#f7f8fb;max-width:100%;padding:5px;border-radius:5px}.add-card{border:1px dashed #d9dce7;background:transparent;width:100%;color:#858b9a;text-align:left;font-weight:400}.column-empty{min-height:120px;padding:30px 15px;text-align:center;font-size:.875rem;color:#868d9f;line-height:1.6}#welcome{text-align:center;padding:75px 20px}#welcome h2{font-size:1.3rem}#welcome p{color:#7b8294;margin-bottom:24px}.empty-icon{font-size:3rem;color:#5145dc}dialog{border:1px solid #e0e4ed;border-radius:16px;width:480px;max-width:calc(100vw - 32px);padding:28px;box-shadow:0 24px 100px #19234133}dialog::backdrop{background:#1d23466b;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{margin:0;font-size:1.3rem}.dialog-heading button{border:0;font-size:1.4rem;padding:3px 8px}label{font-size:.875rem;display:block;font-weight:550;margin:16px 0}input,textarea,#fields select{display:block;width:100%;border:1px solid #d9deea;border-radius:8px;padding:11px;margin-top:8px;background:#fff;color:#252d3e;font-size:1rem}input:focus,textarea:focus{outline:2px solid #a89ff0;border-color:transparent}textarea{resize:vertical}.field-row{display:flex;gap:16px}.field-row label{flex:1;min-width:0}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.danger{color:#bc3e44;margin-right:auto;border:0}#form-error{color:#bc3e44;font-size:.875rem}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24283b;color:white;padding:14px 24px;border-radius:10px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s}#notice.show{opacity:1}@media(min-width:1500px){.content{max-width:1500px;margin:auto}}@media(max-width:1100px){aside{width:205px}.content{padding:30px 24px}header{padding:0 24px}#board{gap:12px}.column{padding:10px}.title-row{align-items:flex-start;flex-direction:column}}@media(max-width:760px){body{display:block}aside{width:auto;min-height:0;padding:18px;border-right:0;border-bottom:1px solid #e5e8f0}.brand{font-size:1.4rem}.workspace,.sidebar-bottom{display:none}.nav-heading{margin-top:12px}nav{display:flex;gap:8px;flex-wrap:wrap}.project{width:auto;margin:0}.project small{margin-left:10px}header{height:58px;padding:0 20px}.content{padding:28px 18px}h1{font-size:1.7rem}#board{grid-template-columns:1fr}.column{min-height:180px}.column-empty{min-height:80px}.board-toolbar{margin-top:20px}.private{display:none}}

.view-switch{display:flex;gap:6px}.view-switch button{border:0;background:transparent;color:#747b8c}.view-switch button[aria-pressed=true]{background:#eeedff;color:#5145dc}.board-toolbar{align-items:center}#board.projects-view{display:flex;overflow-x:auto;align-items:flex-start;padding-bottom:18px}.project-lane{flex:1 0 300px;max-width:420px;min-width:0;background:#eff1f7;border:1px solid #e1e5ee;border-radius:12px;padding:14px}.lane-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 16px;border-bottom:1px solid #dde1eb}.lane-heading h2{font-size:1.1rem;overflow-wrap:anywhere;margin:0}.lane-heading button{font-size:.875rem;padding:7px 10px}.project-lane .column{min-height:0;border:0;border-radius:0;padding:20px 0 4px}.project-lane .column-empty{min-height:0;padding:12px;font-size:.875rem}.project-lane .column-heading{margin-bottom:10px}@media(max-width:760px){#board.projects-view{display:grid;grid-template-columns:1fr;overflow:visible}.project-lane{max-width:none;width:100%}}

.project-lane{background:var(--lane-bg,#eff1f7);color:var(--lane-ink,#202637)}.project-lane .column{background:transparent}.project-lane .column-empty,.project-lane .add-card{color:inherit}.project-lane .add-card{border-color:currentColor}.lane-actions{display:flex;gap:5px}.compact-card{display:flex;align-items:center;margin-bottom:6px;color:#202637;padding:3px 7px;gap:6px}.compact-card .card-main{display:flex;align-items:center;gap:8px;padding:7px 2px;flex:1;min-width:0;background:transparent;font-weight:500}.task-name{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.priority-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;border:1px solid #0002}.priority-dot.low{background:#27a65a}.priority-dot.medium{background:#eac329}.priority-dot.high{background:#df4545}.status-radios{display:flex;gap:3px;flex-shrink:0}.status-radios label{display:flex;align-items:center;gap:3px;margin:0;padding:5px 1px;cursor:pointer;font-size:.875rem;font-weight:400}.status-radios input{display:inline-block;width:12px;height:12px;padding:0;margin:0;accent-color:#5145dc}.status-radios input:focus-visible{outline:2px solid #5145dc;outline-offset:2px}input[type=color]{height:44px;width:100%;padding:4px;cursor:pointer}

.task-age{display:block;font-size:.75rem;font-weight:400;color:#697184;line-height:1.4;margin-top:3px}.task-timing{border-top:1px solid #e0e4ee;margin-top:22px;padding-top:4px;font-size:.875rem}.task-timing dl{display:grid;grid-template-columns:1fr 2fr;gap:8px}.task-timing dd{margin:0}.task-timing li{margin:12px 0;line-height:1.5}.task-timing summary{cursor:pointer}.tracking-note{color:#697184}

.compact-card{flex-wrap:wrap}.compact-card .card-main{flex-basis:100%}.status-radios{width:100%;justify-content:flex-end;gap:8px}.status-radios label{white-space:nowrap}.status-radios span{font-variant-numeric:tabular-nums}

.dependency-picker{border:1px solid #d9deea;border-radius:8px;margin:18px 0;font-size:.875rem}.dependency-picker summary{cursor:pointer;padding:13px;font-weight:550}.dependency-picker summary span{float:right;color:#697184;font-weight:400}.dependency-options{max-height:260px;overflow:auto;padding:0 12px 12px}.dependency-options fieldset{border:0;border-top:1px solid #e0e4ee;margin:10px 0 0;padding:10px 0 0}.dependency-options legend{font-weight:650;padding-right:8px}.dependency-options label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:8px 4px;cursor:pointer;font-weight:400}.dependency-options input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#5145dc}.dependency-options small{display:block;color:#697184;font-size:.75rem}.dependency-options label span{overflow-wrap:anywhere;min-width:0}

.relation-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700;line-height:1;width:17px;height:19px;border-radius:4px;background:#eef0f7;color:#41495b}.priority-note{display:block;color:#697184;font-size:.75rem;margin-top:6px}.card-main>.priority+.relation-badge{margin-left:6px}

.cloud-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#sync-status{font-size:.75rem}#conflicts{background:white;border:2px solid #e6bc37;padding:20px;border-radius:12px;margin-top:20px}#conflicts pre{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:.8rem}#conflicts input[type=radio]{display:inline;width:auto;margin-right:8px}#account{max-height:90vh}#auth-error{color:#bc3e44}@media(max-width:760px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:12px 18px;gap:10px}.cloud-tools{gap:6px}}