:root{--blue:#004CD1;--gold:#FFC430;--green:#4EB85E;--orange:#FF7135;--navy:#171A5D;--white:#FFFFFF;--gray:#A7A9AC;--ink:#0C1430;--blue-50:#DDF6FF;--blue-100:#A7D2FF;--blue-200:#75ADFF;--blue-300:#4788FF;--blue-400:#1D63E9;--blue-600:#002986;--blue-700:#001251;--blue-900:#00021D;--gold-50:#FFF6D3;--gold-100:#FFDF80;--gold-600:#C49620;--gold-800:#7A5F1A;--green-50:#DDFBDF;--green-100:#86D18D;--green-600:#2A7A35;--green-800:#1A3C1F;--orange-50:#FFE9D8;--orange-100:#FFAA80;--orange-600:#B84E20;--orange-800:#5C2E18;--navy-50:#E3EAFF;--navy-100:#94A2DD;--navy-300:#4A5AAA;--navy-900:#060720;--gray-50:#F8F8F8;--gray-200:#B0B1B2;--gray-500:#6E6E70;--gray-800:#1A1A1B;--sans:"Inter",-apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--sf:var(--sans);--poppins:"Poppins",var(--sans);--container:1240px;--measure:720px;--r-pill:40px;--r-card:16px;--r-badge:30px;--r-chip:20px;--sh-card:0 14px 36px rgba(7,15,46,.06);--sh-card-hover:0 24px 50px rgba(0,76,209,.13);--canvas:#F4F6FA;--card:#FFFFFF;--muted:#6E6E70;--line:#E6E8EE;--font:-apple-system,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:24px 24px 72px}.topbar{display:flex;align-items:center;gap:13px;padding:4px 0 22px}.logo{height:30px;width:auto;display:block}.logo,.vrule{flex:0 0 auto}.vrule{width:1px;height:22px;background:var(--line)}@keyframes pp{0%{box-shadow:0 0 0 0 rgba(255,196,48,.6)}70%{box-shadow:0 0 0 10px rgba(255,196,48,0)}to{box-shadow:0 0 0 0 rgba(255,196,48,0)}}.brand{font-weight:800;letter-spacing:-.6px;color:var(--ink);font-size:18px}.brand small{color:var(--muted);font-weight:500;letter-spacing:0;margin-left:9px;font-size:13px}.spacer{flex:1 1}.badge{font-size:11px;font-weight:700;padding:7px 15px;border-radius:var(--r-badge);letter-spacing:1px;text-transform:uppercase}.badge.local{background:transparent;color:var(--gold-800);border:1px solid rgba(255,196,48,.55)}.badge.supabase{background:transparent;color:var(--green-600);border:1px solid var(--green-100)}.pagehd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 2px 20px}.eye{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--blue);margin-bottom:10px}.pagetitle{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.05;color:var(--ink);margin:0}.pagehd-meta{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}.loginbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:10px 14px;box-shadow:var(--sh-card)}.who{color:var(--muted);font-size:12px;letter-spacing:.3px;text-transform:uppercase;font-weight:700}.chip{background:#fff;border:1px solid #d8d8de;color:#5b5d66;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;transition:.18s}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.active{color:#fff;background:var(--blue);border-color:var(--blue)}.chip em{font-style:normal;font-size:11px;opacity:.7}.toggle{display:flex;align-items:center;gap:5px}.reset,.toggle{font-size:12px;color:var(--muted);cursor:pointer}.reset{border:1px solid var(--line);padding:5px 11px;border-radius:var(--r-chip)}.reset:hover{color:var(--blue);border-color:var(--blue)}.cols{display:grid;grid-template-columns:1fr 300px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:860px){.cols{grid-template-columns:1fr}}.project{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 24px 8px;margin-bottom:18px;box-shadow:inset 0 3px 0 var(--acc,var(--blue)),var(--sh-card);transition:transform .22s,box-shadow .22s}.project:hover{transform:translateY(-4px);box-shadow:inset 0 3px 0 var(--acc,var(--blue)),var(--sh-card-hover)}.project-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-code{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);font-weight:700;border:1px solid var(--blue-50);background:var(--blue-50);padding:3px 9px;border-radius:6px}.project-name{font-weight:800;font-size:19px;letter-spacing:-.5px;color:var(--ink)}.project-client{color:var(--muted);font-size:13px}.health{width:9px;height:9px;border-radius:50%;display:inline-block}.health.green{background:var(--green)}.health.amber{background:var(--gold)}.health.red{background:var(--orange)}.deadline{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.deadline.late{color:var(--orange)}.camry-summary{color:#40474e;font-size:13px;margin:10px 0 16px;font-family:var(--poppins);font-style:italic;border-left:3px solid var(--gold);padding-left:11px}.task{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}.task:first-of-type{border-top:none}.status-tag{font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:7px;white-space:nowrap;flex:0 0 auto;margin-top:1px}.s-todo{background:var(--gray-50);color:var(--gray-500)}.s-doing{background:var(--blue-50);color:var(--blue-600)}.s-blocked{background:var(--orange-50);color:var(--orange-600)}.s-review{background:var(--gold-50);color:var(--gold-800)}.s-done{background:var(--green-50);color:var(--green-600)}.task-main{flex:1 1;min-width:0}.task-title{font-size:14.5px;color:var(--ink);font-weight:500}.task-meta{color:var(--muted);font-size:12px;margin-top:4px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.prio-urgent{color:var(--orange);font-weight:700}.prio-high{color:var(--gold-800);font-weight:600}.camry-note{color:#6b5410;font-size:12.5px;margin-top:5px;font-style:italic}.camry-note,.task-detail{font-family:var(--poppins)}.task-detail{margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.task-notes{margin-top:6px;border-left:2px solid var(--line);padding-left:9px;display:flex;flex-direction:column;gap:3px}.task-note{font-size:12px;color:var(--ink);font-family:var(--poppins);line-height:1.45}.task-note b{color:var(--ink);font-weight:600}.task-note .task-note-txt{color:#4a4a4a}.task-note .task-note-time{color:var(--muted);font-size:10.5px;margin-left:5px}.task-note-more{font-size:11px;color:var(--muted);font-family:var(--poppins)}.assignee-pill{background:var(--gray-50);border:1px solid var(--line);padding:2px 9px;border-radius:var(--r-chip);font-weight:600;color:var(--ink)}.upd{color:var(--muted)}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.actions button{font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--r-chip);cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line);transition:.18s}.actions button:hover{border-color:var(--blue);color:var(--blue)}.actions button.ok{background:var(--green);border-color:var(--green);color:#fff}.actions button.ok:hover{filter:brightness(1.05);color:#fff}.actions button.warn{background:var(--orange-50);border-color:var(--orange-100);color:var(--orange-600)}.actions button.danger{color:var(--muted);border-style:dashed}.actions button.danger:hover{background:var(--orange-50);border-color:var(--orange-600);border-style:solid;color:var(--orange-600)}.archived-note{color:var(--muted);font-style:italic}.feed{position:-webkit-sticky;position:sticky;top:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;box-shadow:var(--sh-card)}.feed-h{font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.feed-empty{color:var(--muted);font-size:12.5px;line-height:1.6}.feed-item{font-size:12.5px;color:var(--ink);padding:9px 0;border-top:1px solid var(--line);position:relative}.feed-item:first-of-type{border-top:none}.feed-item b{color:var(--blue);font-weight:700}.feed-item i{color:var(--gold-800);font-style:normal;font-weight:600}.feed-task{color:var(--ink);font-size:12.5px;font-weight:600;margin-top:3px;line-height:1.45;padding-right:42px}.feed-note{color:var(--muted);font-size:12px;margin-top:2px;font-family:var(--poppins);font-style:italic}.feed-time{position:absolute;top:9px;right:0;color:var(--muted);font-size:11px}.feed-lap{color:var(--muted);font-size:11.5px;font-weight:700}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:40px 38px 34px;max-width:430px;width:100%;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.06)}.auth-logo{height:28px;width:auto;display:block;margin-bottom:26px}.auth-h{font-size:23px;font-weight:800;letter-spacing:-.6px;margin:0 0 9px;color:var(--ink)}.auth-p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 22px}.auth-form{display:flex;flex-direction:column;gap:11px}.auth-input{font:inherit;font-size:15px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);color:var(--ink);width:100%}.auth-input:focus{outline:none;border-color:var(--blue);background:var(--card);box-shadow:0 0 0 3px rgba(0,76,209,.12)}.auth-btn{font:inherit;font-size:15px;font-weight:700;padding:13px 18px;border:0;border-radius:11px;background:var(--blue);color:#fff;cursor:pointer}.auth-btn:hover:not(:disabled){filter:brightness(1.08)}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);margin-top:18px}.auth-err{font-size:13.5px;color:var(--orange);margin:13px 0 0}.auth-hint{font-size:12.5px;color:var(--muted);margin:18px 0 0;line-height:1.5}.auth-link{color:var(--blue);font-weight:600;cursor:pointer}.auth-splash{font-size:14px;color:var(--muted)}.doc-link{display:inline-flex;align-items:center;gap:6px;margin:7px 0 2px;font-size:12.5px;font-weight:600;color:var(--blue);padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}.doc-link:hover{border-color:var(--blue);background:#fff}.trow{display:grid;grid-template-columns:92px minmax(0,1fr) 92px 78px;align-items:start;grid-gap:12px;gap:12px;padding:11px 2px;border-top:1px solid var(--line)}.trow.thead{border-top:0;padding:12px 2px 7px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--muted)}.trow.is-done{opacity:.5}.trow.is-done .task-title{text-decoration:line-through}.tcell-title{min-width:0}.tcell-title .task-title{font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}.dot-urgent{color:var(--orange);margin-left:6px;font-size:11px}.doc-chip{display:flex;align-items:baseline;gap:5px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--muted);text-decoration:none;border-bottom:1px dashed transparent}.doc-chip:hover{color:var(--blue);border-bottom-color:var(--blue)}.doc-chip .doc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-chip .doc-hint{font-style:italic;opacity:.75;white-space:nowrap}.doc-chip.outcome-chip{color:var(--green,#4EB85E);font-weight:500}.doc-chip.outcome-chip:hover{color:var(--green,#4EB85E);border-bottom-color:var(--green,#4EB85E)}.camry-note.outcome-note{color:var(--green,#4EB85E)}.tcell-who{overflow:hidden;text-overflow:ellipsis}.tcell-due,.tcell-who{font-size:12.5px;color:var(--muted);line-height:1.5;white-space:nowrap}.tcell-due{text-align:right}.tcell-due.late{color:var(--orange);font-weight:700}.ta-r{text-align:right}.trow .camry-note{margin:5px 0 0}.trow .actions{margin:7px 0 0}@media (max-width:720px){.trow{grid-template-columns:74px minmax(0,1fr) 60px;gap:10px}.trow.thead{display:none}.trow>.status-tag{grid-column:1;grid-row:1}.tcell-title{grid-column:2/-1;grid-row:1}.tcell-who{grid-column:2}.tcell-due,.tcell-who{grid-row:2;font-size:12px}.tcell-due{grid-column:3;text-align:right}.tcell-title .task-title{font-size:13.5px}}.lensbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 2px 16px}.lens{font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.lens:hover{color:var(--blue)}.lens.on,.lens:hover{border-color:var(--blue)}.lens.on{background:var(--blue);color:#fff}.lens em{font-style:normal;opacity:.65;margin-left:4px;font-weight:700}.lens-sep{width:1px;height:20px;background:var(--line);margin:0 5px}.phase-badge{font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:5px;margin-right:7px;vertical-align:1.5px;background:rgba(0,76,209,.08);color:var(--blue)}.deps,.phase-badge{display:inline-block}.deps{font-size:11px;color:var(--muted);margin-left:8px;padding:1px 7px;border:1px dashed var(--line);border-radius:999px;cursor:help}@media (max-width:720px){.lensbar{gap:6px}.lens{font-size:11.5px;padding:5px 11px}.deps{display:block;margin:4px 0 0;width:-moz-fit-content;width:fit-content}}.add-task{margin-left:auto;font-size:12px;font-weight:600;padding:4px 11px;cursor:pointer;border-radius:var(--r-chip);background:#fff;color:var(--blue);border:1px dashed var(--blue)}.add-task:hover{background:var(--blue);color:#fff;border-style:solid}.kpi-huongdan{font-size:13.5px;line-height:1.65;color:#40474e;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--r-card);padding:13px 16px;margin:0 2px 18px}.kpi-huongdan i{font-style:italic;color:var(--muted)}.kpi-nhom{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13.5px;color:#40474e;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:11px 16px;margin:0 2px 18px;box-shadow:var(--sh-card)}.kpi-nhom-nhan{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--blue);border:1px solid var(--blue-50);background:var(--blue-50);padding:3px 9px;border-radius:6px}.kpi-nhom b{font-size:17px;font-weight:800;color:var(--ink)}.kpi-sot{color:var(--orange-600);font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:18px;gap:18px;margin:0 2px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px 16px;box-shadow:var(--sh-card)}.kpi-card.toi{box-shadow:inset 0 3px 0 var(--gold),var(--sh-card)}.kpi-ten{font-weight:800;font-size:18px;letter-spacing:-.4px;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:14px}.kpi-toi-nhan{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--gold-800);background:var(--gold-50);padding:2px 8px;border-radius:5px}.kpi-trucs{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.kpi-truc-nhan{font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:var(--muted)}.kpi-canhbao{color:var(--gold-600);margin-left:3px;cursor:help}.kpi-truc-so{font-size:26px;font-weight:800;letter-spacing:-1px;color:var(--ink);line-height:1.15;margin-top:3px;display:flex;align-items:baseline;gap:6px}.kpi-muiten{font-size:13px;font-weight:700}.kpi-muiten.tot{color:var(--green-600)}.kpi-muiten.xau{color:var(--orange-600)}.kpi-truc-phu{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:2px}.kpi-truc-trong{font-size:12.5px;color:var(--gray-200);font-style:italic;margin-top:8px}.kpi-chuadu{font-size:13px;line-height:1.6;color:var(--muted);font-style:italic;margin:4px 0 0}.kpi-chu{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.kpi-chu-dong{font-size:12.5px;line-height:1.55;color:#40474e;font-family:var(--poppins);margin-bottom:5px}.kpi-chu-dong span{color:var(--muted);font-weight:700;margin-right:5px;font-family:var(--font)}.kpi-xacnhan{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r-card);padding:16px 20px;margin:22px 2px 0;box-shadow:var(--sh-card)}.kpi-xacnhan-hd{font-weight:800;font-size:15px;color:var(--ink);margin-bottom:7px}.kpi-xacnhan p{font-size:13px;line-height:1.65;color:#40474e;margin:0 0 11px}.kpi-xacnhan ul{margin:0;padding-left:19px}.kpi-xacnhan li{font-size:13px;line-height:1.75;color:var(--ink)}.kpi-xn-ai{color:var(--muted);font-size:12px;margin-left:6px}.kpi-xn-link{display:inline-block;margin-top:11px;font-size:12.5px;color:var(--blue);font-weight:600;text-decoration:none}.kpi-xn-link:hover{text-decoration:underline}.kpi-chan{font-size:12.5px;line-height:1.7;color:var(--muted);margin:26px 2px 0;padding-top:15px;border-top:1px solid var(--line)}.kpi-empty{font-size:14px;color:var(--muted);padding:40px 2px}@media (max-width:560px){.kpi-trucs{grid-template-columns:1fr}}.tuan-sec{background:var(--card,#fff);border:1px solid var(--line,#e5e5e5);border-radius:12px;padding:16px 18px;margin:14px 0}.tuan-sec ul{margin:6px 0 2px;padding-left:20px}.tuan-sec li{margin:4px 0;line-height:1.45}.tuan-duan{margin:8px 0}.tuan-duan-ten{font-weight:600;font-size:13px;opacity:.75;margin-bottom:2px}.tuan-gio{margin:10px 0}.tuan-gio-nhan{font-weight:600;font-size:13px;margin-bottom:2px}.tuan-gio-nhan.ket{color:#b42318}.tuan-gio-nhan.qua{color:#b54708}.tuan-note{border-left:3px solid var(--accent,#d4a017)}.tuan-ta{width:100%;box-sizing:border-box;font:inherit;font-size:14px;line-height:1.5;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:8px;resize:vertical;margin-top:8px}.tuan-note-hang{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.tuan-note-hang .auth-btn{width:auto;padding:8px 18px}.tuan-luu-ok{color:#067647;font-weight:600}