:root{--bg: #eef4ea;--card: #fff;--ink: #16271d;--mut: #5f7265;--faint: #8a9b8e;--line: #e1ebdd;--line2: #d2e0cc;--green: #1e8e3e;--green-d: #13703a;--green-xd: #0c4a28;--green-l: #e7f4eb;--orange: #f57c00;--c-done: #1e8e3e;--c-prog: #1e6fd6;--c-wait: #7c3aed;--c-new: #64748b;--c-over: #d8372b;--c-fu: #e08600;--c-hold: #9a6a00;--s-green-l: #e7f4eb;--s-blue-l: #e6f0fb;--s-purple-l: #f0eafb;--s-amber-l: #fcf1de;--s-red-l: #fbe9e7;--shadow: 0 1px 2px rgba(17, 43, 28, .04), 0 6px 20px rgba(17, 43, 28, .06);--font-ui: "Inter", "Noto Sans Thai", system-ui, sans-serif;--font-th: "Noto Sans Thai", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}.dark-tokens,:root[data-theme=dark]{--bg: #0e1712;--card: #16211a;--ink: #e6f0e9;--mut: #9db0a2;--faint: #6e8276;--line: #243329;--line2: #2e4034;--green: #4ade80;--green-d: #1f9d4b;--green-xd: #082c18;--green-l: #15301f;--orange: #fb9a3c;--c-done: #4ade80;--c-prog: #5b9bf0;--c-wait: #a882f0;--c-new: #94a3b8;--c-over: #f2766b;--c-fu: #f0b152;--c-hold: #d1a24a;--s-green-l: #15301f;--s-blue-l: #152538;--s-purple-l: #241a38;--s-amber-l: #2e2410;--s-red-l: #331a17;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.4);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e1712;--card: #16211a;--ink: #e6f0e9;--mut: #9db0a2;--faint: #6e8276;--line: #243329;--line2: #2e4034;--green: #4ade80;--green-d: #1f9d4b;--green-xd: #082c18;--green-l: #15301f;--orange: #fb9a3c;--c-done: #4ade80;--c-prog: #5b9bf0;--c-wait: #a882f0;--c-new: #94a3b8;--c-over: #f2766b;--c-fu: #f0b152;--c-hold: #d1a24a;--s-green-l: #15301f;--s-blue-l: #152538;--s-purple-l: #241a38;--s-amber-l: #2e2410;--s-red-l: #331a17;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.4);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-th);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.spacer{flex:1}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 20% -10%,#d7f0df 0%,transparent 60%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:30px 28px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand .logo{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--green-d));display:grid;place-items:center}.login-brand .logo svg{width:26px;height:26px}.login-brand b{font-size:20px;font-family:var(--font-ui);display:block;line-height:1.1}.login-brand span{font-size:12px;color:var(--mut)}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--mut);margin-bottom:6px}.field input{width:100%;border:1px solid var(--line2);border-radius:10px;padding:11px 13px;font-size:14px;font-family:var(--font-th);background:var(--card);color:var(--ink);outline:none}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1e8e3e22}.btn-pri{width:100%;border:0;background:var(--green);color:#fff;font-weight:700;font-size:15px;padding:12px;border-radius:11px;margin-top:4px}.btn-pri:hover{background:var(--green-d)}.btn-pri:disabled{opacity:.6;cursor:default}.login-err{background:var(--s-red-l);color:var(--c-over);font-size:13px;padding:9px 12px;border-radius:9px;margin-bottom:14px;font-weight:600}.login-hint{margin-top:16px;font-size:12px;color:var(--faint);text-align:center}.login-hint code{background:var(--green-l);color:var(--green-d);padding:1px 7px;border-radius:6px;font-family:var(--font-mono)}.app{display:grid;grid-template-columns:248px 1fr;min-height:100%}.side{background:linear-gradient(180deg,var(--green-d),var(--green-xd));color:#eaf6ed;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:auto;padding:18px 14px}.brand{display:flex;align-items:center;gap:11px;padding:4px 6px 14px}.brand .logo{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}.brand .logo svg{width:24px;height:24px}.brand b{font-size:16px;font-family:var(--font-ui);display:block;line-height:1.2}.brand span{font-size:11px;color:#afd6bc}.me{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:9px 10px;margin-bottom:8px}.ava{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#8be0a4,#36b566);flex:none;display:grid;place-items:center;color:#0c4a28;font-weight:800;font-family:var(--font-ui)}.me b{font-size:13px;font-family:var(--font-ui)}.me small{color:#b7dcc3;font-size:11px;display:flex;align-items:center;gap:5px}.dot-on{width:7px;height:7px;border-radius:50%;background:#7cf0a3}.navlab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8fbfa0;padding:12px 10px 5px;font-family:var(--font-ui)}.nav{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;color:#ddefe3;padding:9px 11px;border-radius:10px;font-size:13.5px;font-family:var(--font-th);text-align:left}.nav svg{width:18px;height:18px;flex:none;opacity:.92}.nav:hover{background:#ffffff14}.nav.on{background:#ffffff26;font-weight:700;box-shadow:inset 3px 0 #7cf0a3}.nav .tag{margin-left:auto;font-size:11px;font-weight:700;background:#ffffff26;border-radius:99px;padding:1px 8px;font-family:var(--font-ui)}.nav .tag.hot{background:var(--orange);color:#fff}.side-foot{margin-top:auto;padding:10px}.logout{width:100%;background:#ffffff14;border:1px solid #ffffff22;color:#eaf6ed;border-radius:10px;padding:9px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.logout:hover{background:#fff2}.main{min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:13px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.burger{display:none;background:var(--card);border:1px solid var(--line);border-radius:10px;width:38px;height:38px;color:var(--ink)}.top h1{margin:0;font-size:17px;font-weight:700}.top .sub{font-size:12px;color:var(--mut);font-weight:500}.datebox{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:7px 13px}.datebox svg{width:18px;height:18px;color:var(--green)}.datebox b{font-size:13px}.datebox small{display:block;color:var(--mut);font-size:11px}.content{padding:20px 22px 40px;display:flex;flex-direction:column;gap:18px}.sechead{display:flex;align-items:center;gap:10px}.sechead h2{margin:0;font-size:15px;font-weight:700}.sechead .ic{width:26px;height:26px;border-radius:8px;background:var(--green-l);color:var(--green);display:grid;place-items:center}.sechead .ic svg{width:15px;height:15px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kc, var(--green))}.kpi .row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi .ki{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--kcl, var(--green-l));color:var(--kc, var(--green));flex:none}.kpi .ki svg{width:21px;height:21px}.kpi .lab{font-size:12.5px;color:var(--mut);font-weight:600;margin-top:2px}.kpi .big{font-size:30px;font-weight:800;font-family:var(--font-ui);letter-spacing:-1px;line-height:1.05;margin-top:8px}.kpi .big small{font-size:13px;font-weight:600;color:var(--mut);letter-spacing:0}.kpi .trk{height:7px;border-radius:99px;background:var(--line2);margin-top:11px;overflow:hidden}.kpi .trk i{display:block;height:100%;border-radius:99px;background:var(--kc, var(--green))}.kpi .foot{display:flex;justify-content:space-between;margin-top:7px;font-size:11.5px;color:var(--faint)}.grid3{display:grid;grid-template-columns:1.1fr 1fr 1.15fr;gap:16px}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.card .hd{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line)}.card .hd h3{margin:0;font-size:14px;font-weight:700}.card .hd .ic{width:25px;height:25px;border-radius:7px;background:var(--green-l);color:var(--green);display:grid;place-items:center}.card .hd .ic svg{width:15px;height:15px}.card .hd a{margin-left:auto;font-size:12px;color:var(--green);font-weight:600}.card .bd{padding:15px 16px}.donut-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.donut{position:relative;width:150px;height:150px;flex:none}.donut .ctr{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.donut .ctr b{font-size:26px;font-weight:800;font-family:var(--font-ui);line-height:1}.donut .ctr small{font-size:11px;color:var(--mut)}.leg{display:flex;flex-direction:column;gap:9px;flex:1;min-width:150px}.leg .r{display:flex;align-items:center;gap:9px;font-size:13px}.leg .sw{width:11px;height:11px;border-radius:4px;flex:none}.leg .r b{margin-left:auto;font-family:var(--font-ui);font-weight:700}.leg .r span{color:var(--mut);font-size:12px;width:38px;text-align:right}.bars{display:flex;flex-direction:column;gap:11px}.bars .r{display:grid;grid-template-columns:110px 1fr 34px;align-items:center;gap:10px;font-size:12.5px}.bars .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars .tk{height:9px;border-radius:99px;background:var(--line2);overflow:hidden}.bars .tk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--green-d))}.bars .vl{text-align:right;font-family:var(--font-ui);font-weight:700}table{width:100%;border-collapse:collapse}thead th{font-size:11.5px;text-align:left;color:var(--mut);font-weight:600;padding:9px 16px;background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--green-l)}.tcode{font-family:var(--font-mono);font-size:12px;color:var(--green-d);font-weight:600}.tnme{font-weight:600;max-width:260px}.st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.st .d{width:7px;height:7px;border-radius:50%}.st.prog{background:var(--s-blue-l);color:var(--c-prog)}.st.prog .d{background:var(--c-prog)}.st.done{background:var(--s-green-l);color:var(--c-done)}.st.done .d{background:var(--c-done)}.st.wait{background:var(--s-purple-l);color:var(--c-wait)}.st.wait .d{background:var(--c-wait)}.st.new{background:var(--bg);color:var(--c-new);border:1px solid var(--line)}.st.new .d{background:var(--c-new)}.st.blocked{background:var(--s-amber-l);color:var(--c-fu)}.st.blocked .d{background:var(--c-fu)}.st.hold,.st.cancelled{background:var(--bg);color:var(--c-hold)}.st.hold .d,.st.cancelled .d{background:var(--c-hold)}.pbadge{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px}.pbadge.over{background:var(--s-red-l);color:var(--c-over)}.pbadge.fu{background:var(--s-amber-l);color:var(--c-fu)}.loading{padding:40px;text-align:center;color:var(--mut)}.spin{width:26px;height:26px;border:3px solid var(--line2);border-top-color:var(--green);border-radius:50%;animation:sp .8s linear infinite;margin:0 auto 12px}@keyframes sp{to{transform:rotate(360deg)}}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line2);background:var(--card);color:var(--mut);border-radius:99px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.chip:hover{border-color:var(--green);color:var(--green-d)}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.chip .n{font-family:var(--font-ui);font-size:11px;background:#fff3;border-radius:99px;padding:0 6px}.chip.on .n{background:#fff3}.chip:not(.on) .n{background:var(--green-l);color:var(--green-d)}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;min-width:180px}.search input{border:0;background:none;outline:none;color:var(--ink);font-family:var(--font-th);font-size:13px;width:100%}.search svg{width:16px;height:16px;color:var(--faint);flex:none}select.sel-in{border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font-family:var(--font-th);font-size:13px;background:var(--card);color:var(--ink)}.seg{display:inline-flex;background:var(--card);border:1px solid var(--line2);border-radius:10px;overflow:hidden}.seg button{border:0;background:none;padding:8px 14px;font-size:13px;font-weight:600;color:var(--mut);display:inline-flex;align-items:center;gap:6px}.seg button svg{width:15px;height:15px}.seg button.on{background:var(--green);color:#fff}.btn{border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;font-family:var(--font-th);display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:var(--green)}.btn svg{width:15px;height:15px}.btn.pri{background:var(--green);border-color:var(--green);color:#fff}.btn.pri:hover{background:var(--green-d)}.btn.ghost{background:none;border-color:transparent;color:var(--mut)}.btn:disabled{opacity:.55;cursor:default}.rowlink{cursor:pointer}.pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px 16px;font-size:13px;color:var(--mut)}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px}.kcol{background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:120px}.kcol-hd{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px;position:sticky;top:0;background:var(--card);border-radius:14px 14px 0 0}.kcol-hd .dot{width:9px;height:9px;border-radius:50%}.kcol-hd .n{margin-left:auto;font-family:var(--font-ui);font-size:12px;color:var(--mut);background:var(--bg);border-radius:99px;padding:1px 9px}.kcol-bd{padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto;max-height:62vh}.kcard{border:1px solid var(--line);border-left:3px solid var(--kc, var(--green));border-radius:10px;padding:10px 11px;background:var(--card);cursor:pointer}.kcard:hover{box-shadow:var(--shadow);border-color:var(--green)}.kcard .code{font-family:var(--font-mono);font-size:11px;color:var(--green-d);font-weight:600}.kcard .title{font-size:13px;font-weight:600;margin:3px 0 7px;line-height:1.35}.kcard .meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mut);flex-wrap:wrap}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b253877;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:grid;place-items:center;padding:20px}.modal{background:var(--card);border-radius:16px;box-shadow:0 24px 60px #0000004d;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.mhd{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.mhd .code{font-family:var(--font-mono);font-size:12px;color:#fff;background:var(--green);padding:2px 9px;border-radius:7px;font-weight:600}.mhd h3{margin:0;font-size:15px;flex:1;min-width:0}.mhd .x{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:var(--mut)}.mbd{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fl{display:flex;flex-direction:column;gap:5px}.fl.full{grid-column:1 / -1}.fl label{font-size:12px;font-weight:600;color:var(--mut)}.fl input,.fl select,.fl textarea{border:1px solid var(--line2);border-radius:9px;padding:9px 11px;font-family:var(--font-th);font-size:13.5px;background:var(--card);color:var(--ink);outline:none;width:100%}.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1e8e3e22}.fl textarea{resize:vertical;min-height:60px}.mft{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.conflict{background:var(--s-red-l);color:var(--c-over);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.saveok{background:var(--s-green-l);color:var(--c-done);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600}.rev{font-size:11.5px;color:var(--faint);font-family:var(--font-ui)}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.proj-card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px}.proj-card:hover{border-color:var(--green);box-shadow:0 10px 24px #112b1c1a}.proj-card .ph{display:flex;align-items:center;gap:9px}.proj-card .pcode{font-family:var(--font-mono);font-size:11px;color:#fff;background:var(--green);padding:2px 8px;border-radius:6px;font-weight:600}.proj-card h3{margin:0;font-size:15px}.proj-card .obj{font-size:12.5px;color:var(--mut);line-height:1.45}.proj-card .pm{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-top:2px}.proj-card .pm b{color:var(--ink);font-family:var(--font-ui)}.pstat{font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px}.pstat.ACTIVE{background:var(--s-green-l);color:var(--c-done)}.pstat.DRAFT{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}.pstat.ON_HOLD{background:var(--s-amber-l);color:var(--c-fu)}.pstat.CLOSED{background:var(--s-blue-l);color:var(--c-prog)}.pstat.CANCELLED{background:var(--s-red-l);color:var(--c-over)}.rate{display:flex;align-items:center;gap:8px}.rate .bar{flex:1;height:8px;border-radius:99px;background:var(--line2);overflow:hidden}.rate .bar i{display:block;height:100%;background:var(--green)}.rate b{font-family:var(--font-ui);font-size:13px}.backlink{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600;font-size:13px;background:none;border:0;padding:0}.ms-item{border:1px solid var(--line);border-radius:13px;padding:14px 16px;background:var(--card);display:flex;flex-direction:column;gap:11px}.ms-item .mh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ms-item .mh h4{margin:0;font-size:14px}.ms-item .mh .owner{font-size:12px;color:var(--mut)}.ms-dates{display:flex;gap:10px;flex-wrap:wrap}.dchip{border:1px solid var(--line2);border-radius:9px;padding:6px 11px;font-size:12px;display:flex;flex-direction:column;gap:1px;min-width:96px}.dchip .k{color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.dchip .v{font-weight:700;font-family:var(--font-ui)}.dchip.base{border-left:3px solid var(--c-new)}.dchip.latest{border-left:3px solid var(--c-prog)}.dchip.actual{border-left:3px solid var(--c-done)}.flags{display:flex;gap:7px;flex-wrap:wrap}.flag{font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px}.flag.bad{background:var(--s-red-l);color:var(--c-over)}.flag.good{background:var(--s-green-l);color:var(--c-done)}.flag.warn{background:var(--s-amber-l);color:var(--c-fu)}.flag.neutral{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}.chglog{border-top:1px dashed var(--line);padding-top:9px;font-size:12px;color:var(--mut);display:flex;flex-direction:column;gap:5px}.chglog .c{display:flex;gap:8px;align-items:baseline}.chglog .c b{color:var(--ink);font-family:var(--font-ui)}.hcard{border:1px solid var(--line);border-left:3px solid var(--kc, var(--green));border-radius:10px;padding:11px 12px;background:var(--card);cursor:pointer}.hcard:hover{box-shadow:var(--shadow);border-color:var(--green)}.hcard .code{font-family:var(--font-mono);font-size:11px;color:var(--green-d);font-weight:600}.hcard .title{font-size:13px;font-weight:600;margin:3px 0 7px;line-height:1.35}.hcard .meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);flex-wrap:wrap}.hflow{display:inline-flex;align-items:center;gap:4px;font-weight:600}.hflow .ar{color:var(--faint)}.rbadge{font-size:10px;font-weight:700;background:var(--bg);border:1px solid var(--line2);border-radius:99px;padding:1px 7px;color:var(--mut)}.timeline{display:flex;flex-direction:column;gap:0}.tl-round{border:1px solid var(--line);border-radius:11px;margin-bottom:10px;overflow:hidden}.tl-round .rh{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--bg);font-weight:700;font-size:13px}.tl-round .rh .durs{margin-left:auto;display:flex;gap:8px;font-weight:600;font-size:11.5px}.dur{padding:2px 9px;border-radius:99px}.dur.wait{background:var(--s-amber-l);color:var(--c-fu)}.dur.rev{background:var(--s-blue-l);color:var(--c-prog)}.tl-ev{display:flex;align-items:flex-start;gap:11px;padding:10px 13px;border-top:1px solid var(--line)}.tl-ev .ed{width:11px;height:11px;border-radius:50%;margin-top:3px;flex:none}.tl-ev .et b{font-size:13px;display:block}.tl-ev .et small{font-size:11.5px;color:var(--mut)}.tl-ev .ts{margin-left:auto;font-size:11px;color:var(--faint);font-family:var(--font-ui);white-space:nowrap}.hstat{font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px}.hstat.PENDING_RECEIPT{background:var(--s-amber-l);color:var(--c-fu)}.hstat.RECEIVED{background:var(--s-blue-l);color:var(--c-prog)}.hstat.RETURNED{background:var(--s-red-l);color:var(--c-over)}.hstat.ACCEPTED{background:var(--s-green-l);color:var(--c-done)}.hstat.CANCELLED{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}.actrow{display:flex;gap:8px;flex-wrap:wrap}.bell{position:relative}.bell .btn-bell{width:40px;height:40px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);position:relative}.bell .btn-bell svg{width:19px;height:19px}.bell .n{position:absolute;top:-5px;right:-5px;background:var(--c-over);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;font-family:var(--font-ui);border:2px solid var(--bg)}.bell-panel{position:absolute;right:0;top:48px;width:340px;max-width:86vw;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #112b1c29;z-index:40;overflow:hidden}.bell-panel .bh{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.bell-panel .bh button{margin-left:auto;font-size:12px;color:var(--green);background:none;border:0;font-weight:600}.bell-panel .bl{max-height:360px;overflow-y:auto}.bell-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.bell-item:last-child{border-bottom:0}.bell-item.unread{background:var(--green-l)}.bell-item .ic{width:30px;height:30px;border-radius:9px;background:var(--s-blue-l);color:var(--c-prog);display:grid;place-items:center;flex:none}.bell-item .ic svg{width:15px;height:15px}.bell-item .tx b{font-size:13px;display:block;font-weight:600}.bell-item .tx small{font-size:11px;color:var(--mut)}.dstat{font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px;white-space:nowrap}.dstat.DRAFT{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}.dstat.PENDING_APPROVAL{background:var(--s-amber-l);color:var(--c-fu)}.dstat.APPROVED{background:var(--s-blue-l);color:var(--c-prog)}.dstat.ISSUED{background:var(--s-green-l);color:var(--c-done)}.dstat.ACKNOWLEDGED{background:var(--s-green-l);color:var(--green-d)}.dstat.CLOSED{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}.dstat.REJECTED{background:var(--s-red-l);color:var(--c-over)}.docnum{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--green-d)}.issued-box{border:1px dashed var(--line2);border-radius:11px;padding:13px;background:var(--bg)}.issued-box .num{font-family:var(--font-mono);font-weight:700;color:var(--green-d);font-size:15px}.brand-logo{background:#fff;border-radius:14px;padding:12px 14px;margin:2px 2px 14px;box-shadow:0 4px 14px #0000002e;display:flex;align-items:center;justify-content:center}.brand-logo img{width:100%;max-height:54px;object-fit:contain;display:block}.login-logo{background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:22px;display:flex;justify-content:center;box-shadow:0 6px 20px #112b1c14;border:1px solid var(--line)}.login-logo img{width:100%;max-width:260px;max-height:76px;object-fit:contain}.theme-toggle{width:40px;height:40px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}.theme-toggle svg{width:19px;height:19px}.theme-toggle:hover{border-color:var(--green);color:var(--green)}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.set-card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:18px}.set-card h3{margin:0 0 4px;font-size:15px}.set-card .hint{font-size:12px;color:var(--mut);margin-bottom:14px}.logo-preview{background:#fff;border:1px dashed var(--line2);border-radius:12px;padding:16px;display:flex;justify-content:center;margin-bottom:12px}.logo-preview img{max-width:100%;max-height:80px;object-fit:contain}.role-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.role-row:last-child{border-bottom:0}.role-badge{font-size:11px;font-weight:700;padding:3px 11px;border-radius:99px}.role-badge.SUPER_ADMIN{background:var(--s-purple-l);color:var(--c-wait)}.role-badge.ADMIN{background:var(--s-blue-l);color:var(--c-prog)}.role-badge.USER{background:var(--bg);color:var(--mut);border:1px solid var(--line2)}@media (max-width: 860px){.set-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line2);background:var(--card);color:var(--mut);border-radius:10px;padding:8px 15px;font-size:13px;font-weight:600;font-family:var(--font-th)}.tab.on{background:var(--green);border-color:var(--green);color:#fff}.sumrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sumcard{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:var(--shadow);border-left:4px solid var(--sc, var(--green))}.sumcard .lab{font-size:12px;color:var(--mut);font-weight:600}.sumcard .val{font-size:26px;font-weight:800;font-family:var(--font-ui);letter-spacing:-.5px;margin-top:3px;color:var(--sc, var(--ink))}.report-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-head .asof{font-size:12px;color:var(--mut)}@media (max-width: 760px){.sumrow{grid-template-columns:1fr 1fr}}@media print{.side,.top,.tabs,.report-actions,.bell,.theme-toggle,.burger{display:none!important}.app{display:block!important}.content{padding:0!important}body{background:#fff!important}.card,.sumcard{box-shadow:none!important;border-color:#ccc!important}.print-title{display:block!important;margin-bottom:10px}@page{margin:14mm}}.print-title,.scrim{display:none}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,1fr)}.grid3,.grid2{grid-template-columns:1fr}}@media (max-width: 860px){.app{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;width:252px;z-index:60;transform:translate(-100%);transition:transform .22s}.app.open .side{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b253866;z-index:55}.app.open .scrim{display:block}.burger{display:grid;place-items:center}}@media (max-width: 560px){.kpis{grid-template-columns:1fr 1fr}.datebox{display:none}.content{padding:16px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}