:root{--ink:#172025;--muted:#758087;--line:#e7ebea;--paper:#fff;--soft:#f6f8f7;--green:#126a4d;--mint:#daf3e8;--amber:#b86e15;--red:#c54b3d;--navy:#19394a}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:14px}.sidebar{position:fixed;width:252px;inset:0 auto 0 0;background:#193c4c;color:#eef5f2;padding:31px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 40px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e9c873;color:#183a4a;font:bold 14px Outfit}.brand strong{display:block;font-size:17px}.brand span{display:block;font:10px Outfit;letter-spacing:1.7px;color:#b3c5c8;margin-top:2px}nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#bdd0d1;text-align:left;padding:12px 13px;border-radius:9px;font:500 14px inherit;cursor:pointer}.nav span{font-size:20px;margin-right:12px;vertical-align:-2px}.nav.active,.nav:hover{background:#285667;color:#fff}.sidebar-bottom{margin-top:auto}.line-status{border:1px solid #376675;background:#214b5b;color:#d7e9e5;width:100%;border-radius:10px;padding:12px;text-align:left;cursor:pointer}.line-status i{display:inline-block;width:8px;height:8px;background:#82ddb4;border-radius:50%;margin-right:8px}.line-status small{float:right;color:#93b5b8}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #35606e;margin-top:20px;padding:18px 6px 0}.avatar{background:#d7a76a;color:#3b3327;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:bold}.profile strong,.profile span{display:block;font-size:12px}.profile span{color:#9eb7ba;font-size:11px}.profile button{margin-left:auto;background:none;border:0;color:white;font-weight:bold}main{margin-left:252px;max-width:1450px;padding:43px 52px 35px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.eyebrow{font:600 10px Outfit;letter-spacing:1.5px;color:#82918c;margin:0 0 6px}h1,h2{font-family:Outfit,'Noto Sans TC';margin:0;letter-spacing:-.4px}h1{font-size:31px}.subtitle{color:var(--muted);margin:6px 0}.header-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.icon-btn,.suggestions button{border-radius:8px;padding:10px 15px;border:1px solid var(--line);background:white;font:600 13px inherit;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:white}.icon-btn{position:relative;padding:8px 11px;font-size:18px}.icon-btn b{position:absolute;background:#e05a4f;color:white;border-radius:50%;font:10px Outfit;min-width:15px;padding:2px;top:-5px;right:-5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 19px}.stat-label{color:#737e82;font-size:12px}.stat-num{font:600 29px Outfit;margin-top:7px}.stat-foot{font-size:11px;color:#809088}.stat-foot.alert{color:var(--red)}.toolbar{display:flex;justify-content:space-between;margin-bottom:15px;gap:15px}.tabs{display:flex;gap:5px}.tab{border:0;background:transparent;color:#667277;padding:8px 11px;border-radius:7px;font:500 13px inherit;cursor:pointer}.tab.active{background:#dcefe8;color:#126a4d}.tab span{font:11px Outfit;margin-left:4px}.filters{display:flex;gap:8px}.search{border:1px solid var(--line);border-radius:8px;background:white;padding:7px 10px;color:#98a3a4}.search input{border:0;outline:0;width:180px;font:13px inherit}.filters select{border:1px solid var(--line);border-radius:8px;background:white;padding:0 9px;color:#4e585b}.task-list{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.task{display:grid;grid-template-columns:5px minmax(240px,2.2fr) 1.05fr 1fr 1fr 1.2fr 32px;align-items:center;gap:18px;min-height:81px;border-bottom:1px solid #edf0ef;padding-right:18px}.task:last-child{border-bottom:0}.priority-bar{height:100%;background:#d2dbdb}.priority-bar.high{background:#da8871}.priority-bar.medium{background:#e6bd63}.priority-bar.low{background:#83c6a9}.task-title{font-weight:600}.task-note{font-size:11px;color:#818c8f;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.chip{font-size:11px;border-radius:20px;padding:4px 9px;display:inline-block}.chip.todo{background:#edf0f0;color:#647072}.chip.progress{background:#e4effa;color:#39739c}.chip.done{background:#e1f3eb;color:#267658}.owner{display:flex;align-items:center;gap:8px;font-size:12px}.small-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#26444a;background:#d9e8e4;font-size:11px;font-weight:bold}.due{font-size:12px}.due.overdue{color:#c54b3d;font-weight:600}.progress-wrap{min-width:100px}.progress-text{font:11px;color:#697579;margin-bottom:5px;display:flex;justify-content:space-between}.track{height:5px;border-radius:5px;background:#e8edeb}.track i{display:block;height:100%;border-radius:5px;background:#237d5a}.edit{border:0;background:transparent;font-size:19px;color:#92a0a2;cursor:pointer}.empty{text-align:center;color:#82908e;padding:44px}.suggestions{margin-top:22px;border:1px solid #d9e9df;border-radius:11px;background:#eff8f3;padding:14px 18px;display:flex;align-items:center;gap:13px}.suggestions p{margin:3px 0 0;color:#64766d;font-size:12px}.lightbulb{font-size:22px;color:#227a59}.suggestions button{margin-left:auto;background:white;color:#176548}dialog{border:0;border-radius:14px;box-shadow:0 20px 60px #102c3538;width:min(540px,calc(100vw - 32px));padding:0}dialog::backdrop{background:#12303c88}dialog form{padding:25px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-heading h2{font-size:23px}.close{font-size:27px;line-height:18px;border:0;background:none;color:#667;cursor:pointer}label{display:grid;gap:6px;color:#566164;font-size:12px;font-weight:600;margin:12px 0}input,select,textarea{border:1px solid #dce2e0;border-radius:7px;padding:10px;font:14px inherit;color:var(--ink);background:#fff;outline-color:#4f967b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{display:flex;align-items:center;gap:9px;margin-top:23px}.form-actions span{flex:1}.danger{border:0;background:none;color:#c45246;font:13px inherit;cursor:pointer}.line-panel{display:flex;gap:12px;background:#eff8f3;border-radius:9px;padding:14px}.line-logo{background:#06bd61;color:white;border-radius:4px;font:bold 11px Arial;padding:5px;height:max-content}.line-panel p,.help{margin:3px 0;color:#687775;font-size:12px;line-height:1.6}.help{margin-top:12px}#toast{position:fixed;bottom:26px;right:28px;transform:translateY(90px);opacity:0;background:#193c4c;color:white;padding:12px 17px;border-radius:9px;transition:.25s;box-shadow:0 8px 22px #1234;z-index:2}#toast.show{transform:translateY(0);opacity:1}@media(max-width:900px){.sidebar{width:70px;padding:22px 10px}.brand{padding:0 5px 35px}.brand>div+div,.nav:not(.active)::after,.nav{font-size:0}.nav{padding:13px;text-align:center}.nav span{font-size:20px;margin:0}.sidebar-bottom>*{display:none}main{margin-left:70px;padding:28px 24px}.task{grid-template-columns:5px 2fr 1fr 1fr 32px}.task .owner,.task .progress-wrap{display:none}}@media(max-width:650px){header,.toolbar{display:block}.header-actions{margin-top:16px}.stats{grid-template-columns:1fr 1fr}.filters{margin-top:10px}.task{grid-template-columns:5px 1fr 32px}.task>*:nth-last-child(n+3){display:none}.task>div:nth-child(2){display:block}.suggestions{align-items:flex-start}.suggestions button{display:none}}