:root{--r:16px;--r-sm:12px }.theme-dark{--bg:#000000;--bg2:#0c0c0c;--panel:#121212;--panel2:#1a1a1a;--line:#262626;--accent:#ffffff;--accent2:#e2e2e2;--accent-contrast:#000000;--accent-soft:rgba(255,255,255,.08);--accent-line:rgba(255,255,255,.22);--text:#f4f4f4;--muted:#9a9a9a;--dim:#5f5f5f;--green:#4fbc85;--red:#e46161;--blue:#5c9de0;--purple:#a578e0;--orange:#e0975c;--shadow:none;--shadow-lg:0 18px 50px rgba(0,0,0,.6);--input-bg:#0a0a0a}.theme-light{--bg:#f6f6f6;--bg2:#ffffff;--panel:#ffffff;--panel2:#f4f4f4;--line:#e4e4e4;--accent:#000000;--accent2:#1a1a1a;--accent-contrast:#ffffff;--accent-soft:rgba(0,0,0,.055);--accent-line:rgba(0,0,0,.22);--text:#111111;--muted:#6d6d6d;--dim:#a6a6a6;--green:#2e9d68;--red:#d64545;--blue:#3d7fc4;--purple:#8a5fc8;--orange:#c77c3d;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 24px 60px rgba(0,0,0,.16);--input-bg:#f6f6f6}.theme-dark,.theme-light{--gold:var(--accent);--gold2:var(--accent2);--gold-contrast:var(--accent-contrast);--gold-soft:var(--accent-soft);--gold-line:var(--accent-line)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#000;font-family:IBM Plex Sans Thai,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.theme-dark,.theme-light{background:var(--bg);color:var(--text)}h1,h2,h3,h4,.display{font-family:Kanit,sans-serif;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:16px;background:var(--input-bg);border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);padding:10px 13px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--dim)}select option{background:var(--bg2);color:var(--text)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}::-webkit-scrollbar-track{background:transparent}@media (min-width:861px){input,select,textarea{font-size:14px}}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:230px;min-width:230px;background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 12px 14px}.drawer-close{display:none}.logo{display:flex;align-items:center;gap:10px;padding:2px 10px 22px}.logo-mark{width:46px;height:29px;background:url(/logo/mark-black.png) center/contain no-repeat}.theme-dark .logo-mark{background-image:url(/logo/mark-white.png)}.logo-name{font-family:Kanit;font-weight:600;font-size:16px;line-height:1.1}.logo-name small{display:block;font-weight:300;color:var(--muted);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:12px 12px 7px}.nav button{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13.5px;text-align:left;transition:.15s;width:100%}.nav button:hover{background:var(--panel2);color:var(--text)}.nav button.on{background:var(--accent-soft);color:var(--text);font-weight:500}.nav .ic{width:18px;text-align:center;font-size:14px;opacity:.85}.navbadge{margin-left:auto;background:var(--red);color:#fff;font-size:10.5px;border-radius:99px;padding:1px 7px;font-weight:600;line-height:1.5}.me{border-top:1px solid var(--line);padding:14px 8px 2px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-family:Kanit;color:var(--text);font-size:14px;flex-shrink:0}.me .nm{font-size:13px;font-weight:500}.me .rl{font-size:11px;color:var(--muted)}.me .mode{margin-left:auto;color:var(--muted);font-size:15px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center}.me .mode:hover{color:var(--text);background:var(--accent-soft)}.me .out{color:var(--muted);font-size:16px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center}.me .out:hover{color:var(--red);background:#d645451a}.mobile-topbar,.scrim{display:none}.main{flex:1;overflow-y:auto;padding:30px 34px 70px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.pagehead h1{font-size:25px;font-weight:600}.pagehead .sub{color:var(--muted);font-size:13px;margin-top:4px;font-weight:300}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:500;transition:.15s;white-space:nowrap}.btn-gold{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow)}.btn-gold:hover{filter:brightness(.92);transform:translateY(-1px)}.theme-dark .btn-gold:hover{filter:brightness(.9)}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:var(--bg2)}.btn-ghost:hover{border-color:var(--accent-line);color:var(--text)}.btn-danger{border:1px solid transparent;color:var(--red);background:transparent}.btn-danger:hover{background:#d6454514;border-color:#d6454540}.btn-sm{padding:6px 13px;font-size:12.5px}.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.seg button{padding:7px 15px;border-radius:999px;font-size:12.5px;color:var(--muted);transition:.15s;font-weight:500}.seg button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.theme-dark .seg button.on{background:var(--accent);color:var(--accent-contrast)}.cards{display:grid;gap:14px;margin-bottom:24px}.cards.c4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}.kpi .lb{font-size:12px;color:var(--muted);margin-bottom:7px;font-weight:400}.kpi .vl{font-family:Kanit;font-size:26px;font-weight:600;line-height:1.05;letter-spacing:-.02em}.kpi .sb{font-size:12px;color:var(--dim);margin-top:6px}.kpi .vl.gold{color:var(--text)}.kpi .vl.green{color:var(--green)}.kpi .vl.red{color:var(--red)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.panel h3{font-size:15px;font-weight:500;margin-bottom:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel h3 .hint{font-size:12px;color:var(--dim);font-weight:300;font-family:IBM Plex Sans Thai}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:var(--dim);letter-spacing:.07em;text-transform:uppercase;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--accent-soft)}.num{text-align:right;font-variant-numeric:tabular-nums}th.num{text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap}.bd-gray{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}.bd-gold{background:var(--accent-soft);color:var(--text);border:1px solid var(--accent-line)}.bd-blue{background:#5c9de024;color:var(--blue)}.bd-purple{background:#a578e024;color:var(--purple)}.bd-orange{background:#e0975c26;color:var(--orange)}.bd-green{background:#4caf7d26;color:var(--green)}.bd-red{background:#e05c5c24;color:var(--red)}.stages{display:flex;flex-direction:column;gap:14px}.stage-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.stage-head{display:flex;align-items:center;gap:11px;padding:15px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.15s}.stage-head:hover{background:var(--panel2)}.stage-head .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.stage-head .sn{font-family:Kanit;font-size:15px;font-weight:500}.stage-head .st{font-size:12.5px;color:var(--dim);font-weight:300}.stage-head .sp{flex:1}.stage-head .cnt{font-size:12.5px;color:var(--muted)}.stage-head .sv{font-family:Kanit;font-size:14.5px;color:var(--text);min-width:110px;text-align:right;font-weight:600}.stage-head .chev{color:var(--dim);font-size:12px;width:16px;text-align:center}.stage-empty{padding:14px 18px 16px;color:var(--dim);font-size:13px;border-top:1px solid var(--line)}.deal-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(90px,.9fr) minmax(120px,1fr) minmax(110px,.9fr) 20px;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);cursor:pointer;transition:.13s}.deal-row:hover{background:var(--accent-soft)}.dr-title{font-size:13.5px;font-weight:500}.dr-sub{font-size:12px;color:var(--muted);margin-top:2px}.dr-owner{font-size:12.5px;color:var(--muted)}.dr-date{font-size:12.5px;color:var(--dim)}.dr-value{font-family:Kanit;font-size:14.5px;color:var(--text);text-align:right;font-weight:600}.dr-chev{color:var(--dim);font-size:16px;text-align:center}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px;align-items:flex-start;-webkit-overflow-scrolling:touch}.col{min-width:250px;width:250px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);flex-shrink:0;box-shadow:var(--shadow)}.col-head{padding:13px 15px;border-bottom:1px solid var(--line)}.col-head .t{display:flex;justify-content:space-between;align-items:center;font-family:Kanit;font-size:14px;font-weight:500}.col-head .cnt{font-size:12px;color:var(--dim)}.col-head .sum{font-size:12px;color:var(--muted);margin-top:3px}.col-rail{height:2.5px;border-radius:3px;margin-top:10px;opacity:.8}.col-body{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:60px;max-height:calc(100vh - 330px);overflow-y:auto}.deal{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px 14px;cursor:pointer;transition:.15s}.deal:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:var(--shadow)}.deal .t{font-size:13.5px;font-weight:500;margin-bottom:4px}.deal .c{font-size:12px;color:var(--muted)}.deal .v{font-family:Kanit;font-size:15px;color:var(--text);margin-top:8px;font-weight:600}.deal .foot{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:11.5px;color:var(--dim)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.theme-light .overlay{background:#00000052}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:26px;box-shadow:var(--shadow-lg)}.modal.wide{max-width:860px}.modal h2{font-size:18px;font-weight:600;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.modal h2 .x{color:var(--muted);font-size:14px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel2);flex-shrink:0}.modal h2 .x:hover{color:var(--red)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.stepper{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.stepper button{flex:1;min-width:88px;padding:9px 6px;border-radius:11px;border:1px solid var(--line);font-size:12px;color:var(--muted);transition:.15s;background:var(--panel2)}.stepper button:hover{border-color:var(--accent-line)}.stepper button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:500}.stepper button.won.on{background:var(--green);border-color:var(--green);color:#fff}.stepper button.lost.on{background:var(--red);border-color:var(--red);color:#fff}.permgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:8px}.perm{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);font-size:12.5px;color:var(--dim);transition:.15s;background:var(--panel2);text-align:left}.perm .ic{width:16px;text-align:center}.perm.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text);font-weight:500}.perm:hover{border-color:var(--accent-line)}.tl{display:flex;flex-direction:column}.tl-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.tl-item:last-child{border-bottom:none}.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.tl-item .w{flex:1;min-width:0}.tl-item .h{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}.tl-item .b{font-size:13.5px;margin-top:3px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-box{width:100%;max-width:370px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:36px;text-align:center;box-shadow:var(--shadow-lg)}.login-box .logo-mark{width:92px;height:57px;margin:0 auto 18px}.login-box h1{font-size:22px;font-weight:600}.login-box .sub{color:var(--muted);font-size:13px;margin:5px 0 24px;font-weight:300}.pinrow{display:flex;gap:11px;justify-content:center;margin-bottom:22px}.pindot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--accent-line);transition:.15s}.pindot.f{background:var(--accent);border-color:var(--accent)}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pinpad button{padding:15px;border-radius:14px;border:1px solid var(--line);font-family:Kanit;font-size:18px;transition:.12s;background:var(--panel2)}.pinpad button:hover{border-color:var(--accent-line);background:var(--accent-soft)}.pinpad button:active{background:var(--accent);color:var(--accent-contrast)}.login-err{color:var(--red);font-size:13px;min-height:18px;margin-top:12px}.userchips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.userchips button{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:7px 14px;background:var(--panel2)}.userchips button:hover{color:var(--text);border-color:var(--accent-line)}.funnel{display:flex;flex-direction:column;gap:8px}.fun-row{display:flex;align-items:center;gap:12px}.fun-row .lb{width:110px;font-size:12.5px;color:var(--muted)}.fun-row .bar-wrap{flex:1;background:var(--panel2);border-radius:99px;height:24px;overflow:hidden;border:1px solid var(--line)}.fun-row .bar{height:100%;border-radius:99px;display:flex;align-items:center;padding:0 10px;font-size:11.5px;font-weight:600;color:#fff;min-width:fit-content;transition:width .4s}.fun-row .vv{width:150px;text-align:right;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.progress{background:var(--panel2);border:1px solid var(--line);border-radius:99px;height:7px;overflow:hidden}.progress>div{height:100%;border-radius:99px;background:var(--accent);transition:width .4s}.empty{text-align:center;color:var(--dim);padding:34px 10px;font-size:13.5px}.rowlink{cursor:pointer}.mut{color:var(--muted)}.dim{color:var(--dim)}.gold{color:var(--text)}.green{color:var(--green)}.red{color:var(--red)}.small{font-size:12px}.mb0{margin-bottom:0}.flexrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dash-grid{display:grid;gap:16px}@media (max-width:860px){.app{flex-direction:column;height:100dvh}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;flex-shrink:0}.mobile-topbar .hamb{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text)}.mobile-topbar .hamb:active{background:var(--accent-soft)}.mobile-topbar .mt-title{font-family:Kanit;font-size:16px;font-weight:600;flex:1}.mobile-topbar .mode{font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:300px;min-width:0;z-index:60;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg);padding-top:16px}.drawer-open .sidebar{transform:translate(0)}.drawer-close{display:flex;position:absolute;top:14px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--panel2);align-items:center;justify-content:center;color:var(--muted);font-size:14px}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s;z-index:55}.drawer-open .scrim{opacity:1;pointer-events:auto}.nav button{padding:13px 12px;font-size:15px}.me .mode{display:none}.main{padding:18px 16px 90px}.pagehead{margin-bottom:18px}.pagehead h1{font-size:21px}.tools{width:100%}.tools .btn{flex:1}.cards{margin-bottom:18px}.cards.c4{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px 16px}.kpi .vl{font-size:22px}.grid2,.grid3{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr!important}.panel{padding:16px}.modal{padding:20px;border-radius:18px;max-height:92vh}.deal-row{grid-template-columns:1fr auto;grid-template-areas:"main value" "meta value";gap:4px 12px;padding:14px 16px}.dr-main{grid-area:main}.dr-owner{grid-area:meta;font-size:12px}.dr-date{display:none}.dr-value{grid-area:value;align-self:center}.dr-chev{display:none}.stage-head{padding:14px 16px}.stage-head .st{display:none}.stage-head .sv{min-width:auto}.panel>table,.panel>thead,.stage-section table{min-width:520px}.stepper button{min-width:calc(33.33% - 6px)}.fun-row .lb{width:88px;font-size:11.5px}.fun-row .vv{width:auto;min-width:80px}}@media (max-width:420px){.cards.c4{grid-template-columns:1fr}}.linklike{color:var(--text);text-decoration:underline;text-underline-offset:2px;font-size:inherit;opacity:.75}.linklike:hover{opacity:1}.person-list{display:flex;flex-direction:column;gap:12px}.person-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}.person-card.total{background:var(--panel2);border-style:dashed}.pc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.pc-name{font-family:Kanit;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-pct{text-align:right;white-space:nowrap}.pc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}.pcm{display:flex;flex-direction:column;gap:3px;min-width:0}.pcm-l{font-size:11.5px;color:var(--muted)}.pcm-v{font-family:Kanit;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.pcm-input{font-family:Kanit;font-size:15px;font-weight:600;padding:6px 10px;max-width:150px}.pc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.ho-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px}@media (max-width:860px){.pc-metrics{grid-template-columns:1fr 1fr;gap:12px 16px}.ho-grid{grid-template-columns:1fr}.person-card{padding:16px}}@media (max-width:420px){.pc-metrics{grid-template-columns:1fr 1fr}}.mkt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px}.src-list{display:flex;flex-direction:column;gap:14px}.src-row{display:flex;flex-direction:column;gap:6px}.src-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.src-name{font-size:13px;color:var(--text)}.src-n{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.src-bar-wrap{background:var(--panel2);border:1px solid var(--line);border-radius:99px;height:10px;overflow:hidden}.src-bar{height:100%;border-radius:99px;background:var(--accent);min-width:6px;transition:width .4s}.strat-list{display:flex;flex-direction:column;gap:10px}.strat-item{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.strat-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.strat-budget{font-family:Kanit;font-weight:600;font-size:14px;margin-left:auto}.strat-goal{font-size:13.5px}.ap-detail{font-size:13.5px;line-height:1.55;margin-bottom:12px}.ap-money{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;margin-bottom:4px}@media (max-width:860px){.mkt-grid{grid-template-columns:1fr}}.tier-view{display:flex;flex-direction:column;gap:8px}.tier-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:11px}.tier-range{font-size:13px}@media (max-width:420px){.tier-row{flex-direction:column;align-items:flex-start;gap:5px}}.chk{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text);cursor:pointer;line-height:1.5}.chk input{margin-top:2px;accent-color:var(--accent)}.cust-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}.cust-info>div>div:first-child{margin-bottom:2px}@media (max-width:860px){.cust-info{grid-template-columns:1fr 1fr}}@media (max-width:420px){.cust-info{grid-template-columns:1fr}}.save-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--red);color:#fff;font-size:13px;text-align:center;padding:9px 16px;cursor:pointer;box-shadow:0 2px 10px #00000040}.save-banner .dim{color:#ffffffb3;margin-left:6px}.proj-pkgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:14px}.proj-pkg{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel)}.proj-pkg details summary::-webkit-details-marker{display:none}.toaster{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{pointer-events:auto;cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:10px;padding:10px 16px;font-size:13px;box-shadow:var(--shadow-lg);animation:toastIn .2s ease}.toast-ok{border-left-color:var(--green)}.toast-err{border-left-color:var(--red)}.toast-warn{border-left-color:var(--orange)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.notif{position:relative;display:flex}.notif-btn{position:relative;color:var(--muted);font-size:16px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center}.notif-btn:hover{color:var(--text);background:var(--accent-soft)}.notif-dot{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.notif-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:160;width:300px;max-width:86vw;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.mobile-topbar .notif-panel{top:calc(100% + 6px);bottom:auto;right:8px}.notif-head{font-size:12px;font-weight:500;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)}.notif-empty{padding:20px 14px;font-size:13px;color:var(--muted);text-align:center}.notif-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text);transition:.12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--panel2)}.notif-lb{flex:1}.notif-arrow{color:var(--dim)}.me-id{min-width:0;flex:1}.me-id .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal.draggable{cursor:grab}.deal.dragging{opacity:.4}.col-body.drop-over{outline:2px dashed var(--accent-line);outline-offset:-4px;border-radius:12px;background:var(--accent-soft)}.cmd-trigger{display:flex;align-items:center;gap:9px;margin:0 2px 8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--muted);font-size:13px;width:calc(100% - 4px)}.cmd-trigger:hover{border-color:var(--accent-line);color:var(--text)}.cmd-trigger .ic{font-size:14px}.cmd-trigger .kbd{margin-left:auto;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--dim)}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.cmd-box{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.cmd-input{border:none;border-bottom:1px solid var(--line);border-radius:0;font-size:16px;padding:16px 18px;background:transparent}.cmd-input:focus{box-shadow:none;border-color:var(--line)}.cmd-list{overflow-y:auto}.cmd-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.cmd-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 18px;font-size:14px;color:var(--text)}.cmd-item.on{background:var(--accent-soft)}.cmd-ic{width:20px;text-align:center;opacity:.7}.cmd-lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-sub{font-size:11.5px;color:var(--dim);white-space:nowrap}.cmd-foot{padding:9px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--dim)}.task-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:center;gap:11px;padding:9px 2px;border-top:1px solid var(--line)}.task-row:first-child{border-top:none}.task-check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);color:var(--green);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-check:hover{border-color:var(--green)}.task-check.on{border-color:var(--green);background:var(--green);color:#fff}.task-main{flex:1;min-width:0}.task-title{font-size:13.5px}.task-row.done .task-title{text-decoration:line-through;color:var(--dim)}.task-meta{font-size:11.5px;color:var(--muted);margin-top:1px}.task-meta .ov{color:var(--red);font-weight:500}.task-meta .today{color:var(--orange);font-weight:500}.cmt{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.cmt:first-of-type{border-top:none}.cmt-av{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-family:Kanit;font-size:12px;color:var(--text);flex-shrink:0}.cmt-body{flex:1;min-width:0}.cmt-head{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;margin-bottom:2px}.cmt-head .dim{font-size:11px}.cmt-text{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.save-status{font-size:11px;color:var(--dim);padding:6px 10px;text-align:center;transition:color .2s}.save-status.s-saving{color:var(--orange)}.save-status.s-saved{color:var(--green)}.rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.rep-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.rep-card .rep-ic{font-size:22px;color:var(--accent);opacity:.9}.rep-card h3{font-size:15px;font-weight:600}.rep-card p{font-size:12.5px;color:var(--muted);line-height:1.5;flex:1;margin-bottom:6px}.export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:160;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:160px}.export-menu button{text-align:left;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--text)}.export-menu button:hover{background:var(--panel2)}.lang-toggle{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px}.lang-toggle button{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:var(--muted)}.lang-toggle button.on{background:var(--accent);color:var(--accent-contrast)}.lang-toggle.compact button{padding:2px 6px;font-size:10px}