@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");.aixo-portal{--p-ink:#1B2A21;--p-mut:#6B6B6B;--p-line:#E6E6E6;--p-soft:#F6F6F4;--p-acc:#3E6347;--p-forest:#2C4636;--p-sage:#5E7F66;--p-sage-l:#8AA890;--p-sage-s:#EEF3EE;--p-cream:#FBF3E2;--p-gold:#E7B75F;background:#fff;color:var(--p-ink);min-height:100vh}.aixo-portal *{font-family:var(--pf,"DM Sans","IBM Plex Sans Thai",system-ui,sans-serif)!important}.aixo-portal .sf,.aixo-portal .sf *{--pf:"Instrument Serif",Georgia,serif}.aixo-portal .mono,.aixo-portal code{--pf:"IBM Plex Mono",ui-monospace,monospace}.aixo-portal svg,.aixo-portal svg *{font-family:inherit!important}.aixo-portal a{color:var(--p-acc)}.aixo-portal .aixo-dsn{--ink:#1B2A21;--bg:#fff;--line:#E6E6E6;--muted:#6B6B6B;--surface:#fff;--surface-2:#F6F6F4;--green:#3E6347;--green-dark:#2C4636;--soft:#EEF3EE;--done:#8AA890;--owner:#2C4636;--owner-soft:#EEF3EE;--ink-2:#3F4C44}.aixo-portal .aixo-ft{--ink:#1B2A21;--bg:#fff;--line:#E6E6E6;--muted:#6B6B6B;--green:#3E6347;--green-dark:#2C4636;--soft:#EEF3EE;--des:#2C4636;--des-soft:#EEF3EE}.aixo-portal .pg{--c:#2C4636;--c2:#5E7F66;--cs:#EEF3EE;--line:#E6E6E6;--mut:#6B6B6B;--grn:#5E7F66;--grns:#EEF3EE}.aixo-portal .aixo-dsn .btn,.aixo-portal .aixo-ft .btn{border-radius:999px}.aixo-portal .aixo-dsn .inbox{border-radius:14px}.aixo-portal .bg-aixo-green{background:var(--p-forest)!important}.aixo-portal .text-aixo-green,.aixo-portal .text-aixo-green-dark{color:var(--p-acc)!important}.aixo-portal .border-line{border-color:var(--p-line)!important}.aixo-portal .bg-bg{background:#fff!important}.aixo-portal .rounded-aixo{border-radius:14px!important}.pt-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--p-line)}.pt-top-in{max-width:1120px;margin:0 auto;padding:10px 16px;justify-content:space-between;flex-wrap:wrap}.pt-brand,.pt-top-in{display:flex;align-items:center;gap:12px}.pt-brand{color:var(--p-ink)!important}.pt-brand img{height:36px;width:auto}.pt-brand .nm{font-size:19px;color:var(--p-ink)}.pt-brand .nm em{color:var(--p-sage);font-style:italic}.pt-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pt-pill{border:1px solid var(--p-ink);border-radius:999px;padding:6px 14px;font-size:12.5px;color:var(--p-ink)!important;white-space:nowrap}.pt-pill:hover{background:var(--p-sage-s)}.pt-proj{display:flex;gap:6px;flex-wrap:wrap}.pt-proj a{font-size:12.5px;border:1px solid var(--p-line);border-radius:999px;padding:5px 12px;color:var(--p-ink)!important}.pt-proj a[aria-current=page]{background:var(--p-forest);border-color:var(--p-forest);color:#fff!important}.pt-out{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--p-mut)}.pt-wrap{max-width:1120px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:18px}.pt-slab{font-size:13px;color:var(--p-sage);display:inline-flex;align-items:center;gap:8px}.pt-coll{border:0;background:none;padding:4px 0;cursor:pointer;text-align:left;flex-wrap:wrap}.pt-coll:hover{color:var(--p-forest)}.pt-coll .chev{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--p-line);border-radius:50%;font-size:10px;transition:transform .15s}.pt-coll[aria-expanded=false] .chev{transform:rotate(-90deg)}.pt-coll .csum{color:var(--p-mut);font-size:12.5px}.pt-coll[aria-expanded=true] .csum{display:none}@media (prefers-reduced-motion:reduce){.pt-coll .chev{transition:none}}.pt-card{background:#fff;border:1px solid var(--p-line);border-radius:14px;padding:18px 20px}@media (max-width:640px){.pt-card{padding:14px}}.pt-hello{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}.pt-hello h1{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:4px 0 0}.pt-hello h1 em{color:var(--p-sage);font-weight:400;font-style:italic}.pt-hello .sub{color:var(--p-mut);margin-top:8px;font-size:14.5px}.pt-hero{background:var(--p-forest);color:#fff;border-radius:16px;padding:18px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;align-items:end}.pt-hero .pn{font-size:12px;opacity:.75}.pt-hero .pt{font-size:18px;font-weight:500;line-height:1.3}.pt-hero .pct{font-size:64px;line-height:.9;text-align:right}.pt-hero .stg{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:6px;margin-top:6px}.pt-hero .stg span{font-size:11.5px;text-align:center;padding:5px 0;border-radius:6px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.78)}.pt-hero .stg span.d{background:var(--p-sage-l);color:var(--p-forest);font-weight:600}.pt-hero .stg span.n{background:var(--p-cream);color:var(--p-forest);font-weight:600}.pt-hero .rows{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid rgba(255,255,255,.18);padding-top:12px;margin-top:6px}.pt-hero .rows div{display:flex;flex-direction:column;gap:2px;min-width:0}.pt-hero .rows .l{font-size:12px;color:rgba(255,255,255,.65)}.pt-hero .rows b{font-size:14.5px;font-weight:500}.pt-hero .rows small{font-size:12px;color:rgba(255,255,255,.72);line-height:1.4}.pt-hero .rows a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}@media (max-width:900px){.pt-hello{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.pt-hello h1{font-size:32px}.pt-hero .pct{font-size:48px}.pt-hero .rows{grid-template-columns:minmax(0,1fr)}}.pt-todo{display:flex;flex-direction:column}.pt-td{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--p-line)}.pt-td:last-child{border-bottom:0}.pt-td .ic{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--p-acc);margin-top:2px}.pt-td .tt{font-weight:500;line-height:1.4}.pt-td .sb{font-size:12.5px;color:var(--p-mut)}.pt-td a{font-size:12.5px;border:1px solid var(--p-ink);border-radius:999px;padding:4px 12px;color:var(--p-ink)!important;white-space:nowrap}.pt-empty{font-size:14px;color:var(--p-mut)}.pt-foot{border-top:1px solid var(--p-line);padding-top:16px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--p-mut)}.pt-foot q{font-size:17px;color:var(--p-ink);font-style:italic}.pt-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);background:#fff}.pt-lg{padding:56px 48px;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:560px;margin-left:auto;width:100%}.pt-lg h1{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0}.pt-lg h1 em{color:var(--p-sage);font-weight:400;font-style:italic}.pt-lg form{display:flex;flex-direction:column;gap:10px;max-width:380px}.pt-lg label{font-size:12px;color:var(--p-mut)}.pt-lg input{width:100%;border:1px solid var(--p-line);border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff;color:var(--p-ink)}.pt-lg input:focus{border-color:var(--p-acc)}.pt-lg .pw{position:relative}.pt-lg .pw input{padding-right:64px}.pt-lg .pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:12px;color:var(--p-sage);padding:6px 8px;cursor:pointer}.pt-lg .go{background:var(--p-forest);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:500;cursor:pointer;margin-top:4px}.pt-lg .go:disabled{opacity:.6}.pt-lg .err{font-size:13px;color:#A6412F}.pt-lg .ok{font-size:12.5px;border-radius:8px;padding:8px 10px;background:var(--p-sage-s);color:var(--p-acc)}.pt-lg .note{font-size:12.5px;color:var(--p-mut);max-width:380px;border-top:1px solid var(--p-line);padding-top:12px}.pt-side{background:var(--p-forest);color:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.pt-side b{font-size:24px;font-weight:600;line-height:1.25;max-width:22ch}.pt-side span{color:rgba(255,255,255,.78);max-width:40ch}@media (max-width:820px){.pt-login{grid-template-columns:minmax(0,1fr)}.pt-lg{padding:40px 16px;margin:0}.pt-lg h1{font-size:34px}.pt-side{padding:28px 16px}}.cp-mut{color:var(--p-mut)}.cp-sec{display:flex;flex-direction:column;gap:12px}.cp-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.cp-h h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.cp-h h3 em{color:var(--p-sage);font-weight:400;font-style:italic}.cp-chips{display:flex;gap:8px;flex-wrap:wrap}.cp-chip{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--p-soft);color:#3F4C44;white-space:nowrap}.cp-chip.ok{color:var(--p-sage)}.cp-chip.acc,.cp-chip.ok{background:var(--p-sage-s)}.cp-chip.acc{color:var(--p-acc)}.cp-chip.warn{background:#FBF3E2;color:#9A6210}.cp-tag{font-size:11.5px;padding:2px 8px;border-radius:999px;white-space:nowrap;font-weight:500;background:var(--p-soft);color:var(--p-mut)}.cp-tag.ok{background:var(--p-sage-s);color:var(--p-sage)}.cp-tag.act{background:#FBF3E2;color:#8A5B0F}.cp-tag.warn{background:#F6E6E1;color:#A6412F}.cp-tag.wait{background:#EEF3EE;color:var(--p-acc)}.cp-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--p-ink);background:#fff;color:var(--p-ink)!important;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none}.cp-btn:hover{background:var(--p-sage-s)}.cp-btn.pri{background:var(--p-forest);border-color:var(--p-forest);color:#fff!important}.cp-btn.sage{background:var(--p-acc);border-color:var(--p-acc);color:#fff!important}.cp-btn.sm{padding:4px 11px;font-size:12.5px}.cp-btn:disabled{opacity:.45;cursor:not-allowed}.cp-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cp-in{width:100%;border:1px solid var(--p-line);border-radius:10px;padding:8px 10px;min-height:44px;resize:vertical;font-size:13.5px;background:#fff;color:var(--p-ink)}.cp-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--p-ink);color:#fff;padding:9px 16px;border-radius:8px;font-size:13.5px;z-index:60;max-width:calc(100% - 32px)}.cp-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cp-ph{border:1px solid var(--p-line);background:#fff;border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0;cursor:pointer;color:var(--p-ink)}.cp-ph:hover{border-color:var(--p-mut)}.cp-ph[aria-selected=true]{border-color:var(--p-forest);box-shadow:0 0 0 1.5px var(--p-forest) inset;background:var(--p-sage-s)}.cp-ph .c{font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}.cp-ph .t{font-size:13px;font-weight:500;line-height:1.3}.cp-ph .bar{height:4px;border-radius:2px;background:#E6E6E6;overflow:hidden}.cp-ph .bar i{display:block;height:100%;background:var(--p-forest)}.cp-ph.done .bar i{background:var(--p-sage-l)}.cp-ph .st{font-size:11.5px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.cp-ph .st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cp-ph .st.done{color:var(--p-sage)}.cp-ph .st.now{color:var(--p-acc)}.cp-ph .st.next{color:var(--p-mut)}.cp-ph .dot{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--p-gold);color:var(--p-forest);font-size:11.5px;font-weight:600;display:inline-grid;place-items:center}@media (max-width:640px){.cp-track{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;padding-bottom:4px}}.cp-tl-wrap{overflow-x:auto;padding-bottom:4px}.cp-tl{min-width:680px;display:grid;grid-template-columns:128px minmax(0,1fr);row-gap:6px;font-size:12.5px}.cp-tl .hd{grid-column:2;position:relative;height:20px;border-bottom:1px solid var(--p-line)}.cp-tl .mo{position:absolute;top:0;font-size:11.5px;color:var(--p-mut);padding-left:4px;border-left:1px solid var(--p-line);height:100%;white-space:nowrap}.cp-tl .rl{display:flex;flex-direction:column;justify-content:center;line-height:1.25;padding:0 8px 0 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--p-ink)}.cp-tl .rl b{font-weight:700;font-size:13px}.cp-tl .rl span{color:var(--p-mut);font-size:11.5px;white-space:nowrap}.cp-tl .rl[aria-current=true] b{color:var(--p-acc)}.cp-tl .lane{position:relative;height:34px;border-radius:6px}.cp-tl .lane.sel{background:var(--p-soft)}.cp-tl .base{position:absolute;top:5px;height:6px;border-radius:3px;border:1px dashed var(--p-mut);opacity:.7}.cp-tl .cur{position:absolute;top:14px;height:14px;border-radius:4px;display:flex;align-items:center;padding:0 6px;font-size:10.5px;color:#fff;white-space:nowrap;overflow:hidden}.cp-tl .cur.done{background:var(--p-sage-l);color:var(--p-forest)}.cp-tl .cur.now{background:var(--p-forest)}.cp-tl .cur.next{background:#E6E6E6;color:#3F4C44}.cp-tl .ms-lane,.cp-tl .pay-lane{grid-column:2;position:relative;height:30px}.cp-tl .ms{position:absolute;top:6px;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);border:1.5px solid var(--p-acc);background:#fff}.cp-tl .ms.ok{background:var(--p-sage);border-color:var(--p-sage)}.cp-tl .pm{position:absolute;top:3px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;border:1.5px solid var(--p-mut);color:var(--p-mut)!important;background:#fff;text-decoration:none}.cp-tl .pm.paid{background:var(--p-sage);border-color:var(--p-sage);color:#fff!important}.cp-tl .pm.overdue,.cp-tl .pm.pending{background:#FBF3E2;border-color:#C9922E;color:#8A5B0F!important}.cp-tl .grid-area{grid-column:2;position:relative;pointer-events:none}.cp-tl .today{position:absolute;top:0;bottom:0;width:2px;background:#9A6210;z-index:2}.cp-tl .today i{position:absolute;top:-1px;left:4px;font-style:normal;font-size:10.5px;color:#9A6210;font-weight:600;white-space:nowrap}.cp-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--p-mut);align-items:center}.cp-legend i{display:inline-block;width:16px;height:8px;border-radius:3px;margin-right:5px;vertical-align:middle}.cp-mlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 16px;font-size:13px}.cp-mlist div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:4px 0;border-bottom:1px dashed var(--p-line)}.cp-mlist .d{font-size:12px;white-space:nowrap}.cp-mlist .d,.cp-mlist .ok{color:var(--p-mut)}.cp-paysum{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end}.cp-paysum .big{font-size:40px;line-height:1;color:var(--p-forest)}.cp-paysum .pbar{flex:1;min-width:200px;max-width:420px;display:grid;gap:4px}.cp-paysum .pbar span{height:8px;border-radius:4px;background:#E6E6E6}.cp-paysum .pbar span.paid{background:var(--p-sage)}.cp-paysum .pbar span.overdue,.cp-paysum .pbar span.pending{background:var(--p-gold)}.cp-tblw{overflow-x:auto}.cp-pt{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}.cp-pt th{text-align:left;font-weight:500;font-size:12px;color:var(--p-mut);padding:7px 8px}.cp-pt td,.cp-pt th{border-bottom:1px solid var(--p-line)}.cp-pt td{padding:10px 8px;vertical-align:middle}.cp-pt tr:last-child td{border-bottom:0}.cp-pt .r{text-align:right;font-variant-numeric:tabular-nums}.cp-pt .docs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cp-bank{font-size:13px;background:var(--p-soft);border-radius:10px;padding:10px 12px;gap:10px;align-items:center}.cp-bank,.cp-phase-head{display:flex;justify-content:space-between;flex-wrap:wrap}.cp-phase-head{align-items:flex-end;gap:16px;padding:4px 2px 12px}.cp-phase-head h2{margin:0;font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.cp-phase-head h2 small{font-size:13px;color:var(--p-sage);font-weight:400}.cp-phase-head p{margin:6px 0 0;color:#3F4C44;max-width:62ch}.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.cp-col{display:flex;flex-direction:column;gap:16px;min-width:0}.cp-locked{font-size:13px;background:var(--p-soft);border-radius:10px;padding:10px 12px;color:#3F4C44}.cp-slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.cp-sl{border:1px solid var(--p-line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;color:var(--p-ink)!important;text-decoration:none}.cp-sl .im,.cp-sl img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;background:var(--p-soft);display:block}.cp-sl .cap{padding:7px 9px;font-size:12.5px;line-height:1.35}.cp-dec{border:1px solid var(--p-line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.cp-dec.live{border-color:var(--p-gold);background:#FFFCF4}.cp-dec-h{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.cp-note{font-size:12.5px;color:#9A6210}.cp-todo{display:flex;flex-direction:column}.cp-td{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--p-line)}.cp-td:last-child{border-bottom:0}.cp-td .ic{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--p-acc);display:grid;place-items:center;font-size:11px;margin-top:2px}.cp-td input{width:18px;height:18px;margin-top:3px;accent-color:var(--p-acc)}.cp-td.done .ic{background:var(--p-sage);border-color:var(--p-sage);color:#fff}.cp-td.done .tt{color:var(--p-mut);text-decoration:line-through}.cp-td .tt{font-weight:500;line-height:1.4}.cp-td .sb{font-size:12.5px;color:var(--p-mut)}.cp-cond{display:flex;flex-direction:column;gap:4px;font-size:13.5px}.cp-cond .y{color:var(--p-sage)}.cp-cond .n{color:var(--p-mut)}.cp-cond span{color:var(--p-ink)}.cp-freeze{border:1.5px solid #9a6210;background:#FBF3E2;border-radius:10px;padding:10px 12px;font-size:13.5px;display:flex;flex-direction:column;gap:8px}.cp-freeze b{color:#9A6210}.cp-freeze label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.cp-freeze input{accent-color:#9A6210;width:16px;height:16px;margin-top:3px}.cp-amt{font-size:24px;font-weight:700;line-height:1}@media (max-width:920px){.cp-grid{display:flex;flex-direction:column;align-items:stretch}.cp-grid>.cp-col{display:contents}.cp-side>*{order:2}.cp-side>.cp-todo-card{order:-1}.cp-main>*{order:1}}@media (max-width:640px){.cp-phase-head h2{font-size:28px}.cp-slides{grid-template-columns:repeat(2,minmax(0,1fr))}}