@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8092a6a9ad7a44c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/96ad5eed80b1484c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ab56aae8cf76709-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a1a058a3e6543db0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f33c62bdbd09f5b8-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2b74019ebf7a71b9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/33387a3e1220e613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2f6258ffdaf4644f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f1bc71f0d981582-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21b3ec5f6f7ed992-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/760a9ea75c6166f6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21502afb5d341639-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun Fallback;src:local("Arial");ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:97.58%}.__className_212186{font-family:Sarabun,Sarabun Fallback;font-style:normal}.__variable_212186{--font-memo:"Sarabun","Sarabun Fallback"}:root{--ink:#142033;--ink-muted:#5b6b7c;--pen-blue:#0033a0;--receive-text:#4a7fd4;--receive-value:#0b1f4d;--receive-border:#001a66;--navy:#0f2744;--navy-mid:#1a3a5c;--accent:#1e4d8c;--accent-soft:#e8eef6;--teal:#1e4d8c;--teal-deep:#0f2744;--teal-soft:#e8eef6;--paper:#eef1f5;--paper-card:#ffffff;--line:#d5dde8;--danger:#8b2e2e;--ok:#1f6b4a;--shadow:0 1px 2px rgba(15,39,68,0.05),0 8px 24px rgba(15,39,68,0.06);--radius:10px;--sidebar-w:248px;--topnav-h:58px;--font:"THSarabunNew","Sarabun","Noto Sans Thai","Segoe UI",Tahoma,sans-serif;--font-doc:"TH Sarabun PSK","TH Sarabun E","THSarabunNew","Sarabun","Noto Sans Thai",Tahoma,sans-serif;--font-memo-fallback:"TH Sarabun PSK","TH SarabunPSK","Sarabun","Noto Sans Thai",Tahoma,sans-serif}@font-face{font-family:THSarabunNew;src:url(/fonts/THSarabunNew.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--paper)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topnav{height:var(--topnav-h);justify-content:space-between;gap:1rem;padding:0 1.25rem;background:var(--navy);color:#f4f7fb;position:-webkit-sticky;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08)}.topnav,.topnav-left{display:flex;align-items:center}.topnav-left{gap:.65rem;min-width:0}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-weight:600;font-size:.95rem;padding:.4rem .85rem;border-radius:8px;cursor:pointer;margin-left:auto;flex-shrink:0}.nav-toggle:hover{background:rgba(255,255,255,.18)}.nav-toggle[aria-expanded=true]{background:rgba(255,255,255,.2)}.brand-lockup{display:flex;align-items:center;gap:.7rem;color:inherit}.brand-lockup,.brand-lockup:hover{text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:transparent;border:0;padding:0}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:1.05rem;font-weight:700}.brand-text small{font-size:.78rem;color:rgba(244,247,251,.7)}.topnav-settings{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.topnav-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(244,247,251,.55);margin-right:.35rem}.topnav-settings a{display:inline-flex;align-items:center;gap:.4rem;color:rgba(244,247,251,.86);font-size:.92rem;font-weight:600;text-decoration:none;padding:.35rem .7rem;border-radius:6px}.topnav-settings a.active,.topnav-settings a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.shell-body{display:flex;flex:1 1;min-height:0;position:relative}.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#f8fafc;border-right:1px solid var(--line);padding:1.1rem .85rem;position:-webkit-sticky;position:sticky;top:var(--topnav-h);height:calc(100vh - var(--topnav-h));overflow:auto;z-index:35;display:flex;flex-direction:column}.sidebar-top{flex:1 1 auto;min-height:0}.sidebar-title{margin:0 .55rem .65rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sidebar-settings-mobile{display:none;margin-top:1.25rem}.sidebar-settings,.sidebar-settings-mobile{padding-top:1rem;border-top:1px solid var(--line)}.sidebar-settings{margin-top:auto}.sidebar-account-mobile{display:none;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.sidebar-system{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}button.sidebar-link.sidebar-logout{width:100%;background:transparent;cursor:pointer;font:inherit;text-align:left;color:var(--danger)}button.sidebar-link.sidebar-logout:hover{background:#f8eaea;border-color:transparent}.sidebar-link{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .75rem;border-radius:8px;color:var(--ink);text-decoration:none;border:1px solid transparent}.sidebar-icon{flex-shrink:0;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--accent)}.sidebar-link.active .sidebar-icon{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar-link-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sidebar-link:hover{background:#fff;border-color:var(--line);text-decoration:none}.sidebar-link.active{background:var(--accent-soft);border-color:#c5d4e8;box-shadow:inset 3px 0 0 var(--accent)}.sidebar-link-label{font-weight:700;font-size:1rem;color:var(--navy)}.sidebar-link-hint{font-size:.82rem;color:var(--ink-muted)}.shell-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.shell-content{flex:1 1;min-width:0;padding:1.5rem 1.75rem 1.25rem;max-width:1080px}.shell-content.wide{max-width:none}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:#f8fafc}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.75rem 1.35rem;color:var(--ink-muted);font-size:.9rem}.footer-inner strong{display:block;color:var(--navy);margin-bottom:.2rem}.footer-inner p{margin:0}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right}.page-kicker{margin:0 0 .25rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-title{margin:0 0 .75rem;font-size:1.05rem;color:var(--navy)}.panel{border-radius:10px}.steps{margin:0;padding-left:1.2rem;color:var(--ink-muted);line-height:1.7}.table-wrap{overflow:auto}.list-search{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.list-search .search-icon{display:inline-flex;color:var(--ink-muted)}.list-search input{flex:1 1;min-width:240px}.list-search .year-select{width:auto;min-width:8.5rem}.cell-sub{display:block;margin-top:.15rem;font-size:.8rem;color:var(--ink-muted)}.cell-title{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.cell-title .badge{font-size:.72rem;padding:.1rem .4rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table td,.data-table th{padding:.7rem .55rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-weight:700;background:#f8fafc}.data-table .mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-muted)}.badge.ok{background:#e5f3eb;color:var(--ok)}.badge.draft{background:#eef1f5;color:var(--ink-muted)}.badge.warn{background:#fdf1de;color:#a05a00}.badge.urgent{background:#fbe4e4;color:var(--danger)}.badge.classified{background:#ece9fb;color:#4c34a8}.badge.top-secret{background:#7f1d1d;color:#fff}.flag-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.flag-groups .flag-list{flex-direction:row;flex-wrap:wrap;gap:.35rem}.flag-groups .flag-item{flex:1 1 auto}.flag-group{margin:0;padding:.55rem .7rem .7rem;border:1px solid var(--line);border-radius:8px;min-width:0}.flag-group legend{padding:0 .35rem;font-size:.9rem;font-weight:600;color:var(--teal-deep)}.flag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.flag-item{padding:.35rem .5rem;border:1px solid var(--line);border-radius:6px;background:#fff}.flag-item.is-selected{border-color:#9fc4a8;background:#f3faf6}.flag-radio{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0;font-size:.95rem;color:var(--ink);cursor:pointer}.flag-radio input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.flag-tick{flex-shrink:0;width:1.15rem;height:1.15rem;border:1.5px solid var(--line);border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#fff}.flag-item.is-selected .flag-tick{border-color:var(--ok);background:var(--ok)}@media (max-width:520px){.flag-groups{grid-template-columns:1fr}}.thai-date-row{gap:.5rem;flex-wrap:nowrap}.thai-date-row select{flex:1 1;min-width:0}.forward-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.45rem;gap:.45rem}.forward-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;border-bottom:1px solid #e8eef3}.people-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.people-chips li{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;background:#f7fafc;font-size:.9rem}.people-chips li.locked{background:#eef7f1;border-color:#cfe8d8}.people-chips li button{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.people-chips li button:hover{background:#e8eef3;color:var(--ink)}.muted.tiny,.people-picker .tiny{font-size:.82rem}button.ghost.tiny{font-size:.82rem;padding:.25rem .55rem}.forward-hits{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-gap:.35rem;gap:.35rem}.forward-hits button{width:100%;justify-content:flex-start}@media (max-width:900px){.nav-toggle{display:inline-flex;align-items:center}.topnav-settings .topnav-logout,.topnav-settings .topnav-user{display:none}.topnav-settings{margin-left:auto;margin-right:.35rem}.sidebar-account-mobile{display:block}.sidebar-backdrop{display:block;position:fixed;inset:var(--topnav-h) 0 0;background:rgba(15,39,68,.42);z-index:34;border:0;padding:0}.sidebar-backdrop[hidden]{display:none}.sidebar{position:fixed;top:var(--topnav-h);left:0;bottom:0;width:min(300px,86vw);height:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:8px 0 24px rgba(15,39,68,.12);border-right:1px solid var(--line)}.app-shell.nav-open .sidebar{transform:translateX(0)}.brand-text small{display:none}.footer-inner{padding:1rem 1.25rem 1.25rem}.footer-meta{align-items:flex-start;text-align:left}}h1{margin:0 0 .35rem;font-size:1.65rem;color:var(--navy)}.lead{margin:0 0 1.5rem;color:var(--ink-muted)}.card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.stack{flex-direction:column;gap:1rem}.row,.stack{display:flex}.row{flex-wrap:wrap;gap:.75rem;align-items:center}label{display:block;font-size:.9rem;color:var(--ink-muted);margin-bottom:.35rem}input[type=date],input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:8px;padding:.55rem .95rem;font:inherit;font-weight:600;cursor:pointer;background:var(--teal);color:#f7faf8}.icon{flex:none;display:block}.btn:hover,button:hover{background:var(--teal-deep)}button:disabled{opacity:.55;cursor:not-allowed}.btn.secondary,a.btn.secondary,button.secondary{background:transparent;color:var(--teal-deep);border-color:var(--line)}.btn.secondary:hover,a.btn.secondary:hover,button.secondary:hover{background:var(--teal-soft);text-decoration:none}a.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600}button.ghost{background:transparent;color:var(--ink-muted);border-color:transparent}button.ghost.danger{color:var(--danger)}button.ghost.danger:hover{background:#f8eaea;color:var(--danger)}.doc-list{list-style:none;margin:0;padding:0}.doc-list li{border-top:1px solid var(--line)}.doc-list li:first-child{border-top:none}.doc-link{display:flex;justify-content:space-between;gap:1rem;padding:.9rem .15rem;color:inherit;text-decoration:none}.doc-link:hover{background:rgba(15,92,76,.04);text-decoration:none}.doc-title{font-weight:600;color:var(--teal-deep)}.doc-meta{font-size:.85rem;color:var(--ink-muted)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--teal-soft);color:var(--teal-deep);font-size:.75rem;font-weight:600}.muted{color:var(--ink-muted)}.error{color:var(--danger);font-size:.9rem}.success{color:var(--ok);font-size:.9rem}.annotator{gap:1rem}.annotator,.doc-head{display:flex;flex-direction:column}.doc-head{gap:.25rem}.doc-head-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.doc-head-title h1{margin:0;font-size:1.4rem;line-height:1.3}.doc-head-meta{margin:0;font-size:.85rem;color:var(--ink-muted)}.doc-toolbar-bar{position:-webkit-sticky;position:sticky;top:var(--topnav-h);z-index:25;background:var(--paper);padding:.45rem 0 .65rem;margin-bottom:.25rem}.doc-toolbar-bar:empty{display:none}.doc-toolbar-bar .toolbar{position:static;top:auto}.doc-workspace{display:grid;grid-gap:1rem;gap:1rem;align-items:start;grid-template-columns:minmax(0,1fr) 320px}.doc-workspace.no-aside{grid-template-columns:minmax(0,1fr)}.doc-aside,.doc-main{min-width:0}.doc-aside{position:-webkit-sticky;position:sticky;top:calc(var(--topnav-h) + .75rem);max-height:calc(100vh - 2rem);overflow:auto}.doc-aside .panel{margin:0}.doc-aside .forward-list{max-height:45vh;overflow:auto}.attach-files,.attach-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;grid-gap:.4rem;gap:.4rem}.attach-files li,.attach-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:8px;background:#f9fbfc}.attach-list li input[type=text]{flex:1 1 auto;min-width:0;padding:.25rem .45rem;font-size:.9rem}.attach-files li .muted,.attach-list li .muted{flex:0 0 auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-files li a{flex:1 1 auto;gap:.35rem;min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-count,.attach-files li a{display:inline-flex;align-items:center}.attach-count{gap:.15rem}@media (max-width:1100px){.doc-workspace{grid-template-columns:minmax(0,1fr)}.doc-aside{position:static;max-height:none}}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);position:-webkit-sticky;position:sticky;top:calc(var(--topnav-h) + .75rem);z-index:15}.toolbar .spacer{flex:1 1}.pages{display:flex;flex-direction:column;gap:1.25rem;align-items:center}.page-wrap{position:relative;box-shadow:var(--shadow);background:#fff;line-height:0}.page-wrap canvas{display:block;max-width:100%;height:auto}.overlay{inset:0;cursor:crosshair}.anno,.overlay{position:absolute}.anno{border:1.5px dashed var(--teal);background:rgba(15,92,76,.06);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.anno.ack{background:rgba(255,255,255,.55);border-radius:4px}.anno.receive{background:rgba(255,255,255,.92);border:2.5px solid var(--receive-border);border-radius:2px;padding:0}.anno.receive.selected{border-color:var(--receive-border);box-shadow:0 0 0 2px rgba(0,26,102,.22);background:rgba(255,255,255,.95)}.receive-block{width:100%;height:100%;padding:1px 4px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1px;text-align:left;font-family:var(--font-doc);font-size:11px;line-height:1.2;color:var(--receive-text);pointer-events:none;box-sizing:border-box}.receive-block .receive-org{font-weight:700;color:var(--receive-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receive-row{display:flex;align-items:flex-end;width:100%;gap:4px;min-height:1.15em}.receive-label{flex:0 0 3.6em}.receive-label,.receive-uline{white-space:nowrap;line-height:1.15}.receive-uline{flex:1 1 auto;min-width:0;color:var(--receive-value);border-bottom:1px dotted var(--receive-text);padding:0 1px;overflow:hidden;text-overflow:ellipsis}.receive-preview{margin-top:.35rem}.modal-receive{width:min(340px,100%);padding:.9rem 1rem}.modal-receive h2{font-size:1.05rem;margin-bottom:.5rem}.modal-receive input{padding:.4rem .55rem;font-size:.95rem}.anno.selected{border-style:solid;background:rgba(15,92,76,.1);box-shadow:0 0 0 2px rgba(15,92,76,.25)}.anno-actions{position:absolute;top:-12px;right:-10px;display:flex;gap:4px;z-index:3}.anno .edit,.anno .remove{position:static;width:24px;height:24px;border-radius:50%;padding:0;font-size:13px;line-height:24px;border:none;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.anno .edit{background:var(--teal);color:#fff}.anno .remove{background:var(--danger);color:#fff}.anno-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:3px;border:1.5px solid #fff;background:var(--teal);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:nwse-resize;touch-action:none;z-index:3}.toolbar .save-state{font-size:.85rem}.badge-icon,.toolbar .save-state{display:inline-flex;align-items:center;gap:.25rem}.ack-block{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:visible;pointer-events:none}.ack-block .ack-msg{width:100%;font-family:var(--font-doc);font-size:1em;line-height:1.2;color:var(--pen-blue);white-space:pre-wrap;word-break:break-word;margin-bottom:.2em;text-align:left;align-self:stretch}.ack-block img{display:block;max-width:55%;max-height:36%;object-fit:contain;margin:.2em auto}.ack-block .ack-line{width:100%;font-family:var(--font-doc);font-size:1em;line-height:1.2;color:var(--pen-blue);text-align:center}.anno textarea{width:100%;height:100%;border:none;background:transparent;resize:none;padding:4px 6px;font:inherit;font-size:14px;color:var(--ink);cursor:text}.anno-text{height:100%;line-height:1.2;white-space:pre-wrap;word-break:break-word;overflow:visible}.anno-text,.text-draft{width:100%;font-family:var(--font-doc);color:var(--pen-blue)}.text-draft{min-height:90px;resize:vertical;margin:0;font-size:16px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin:1rem 0}.profile-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--teal-deep)}.profile-grid label.full{grid-column:1/-1}.profile-positions{grid-column:1/-1;width:100%;max-width:none;text-align:left}.profile-positions-label{display:block;margin-bottom:.25rem;font-size:.9rem;font-weight:600;color:var(--teal-deep);text-align:left}.profile-positions .muted.tiny{margin:0 0 .45rem!important;text-align:left}.position-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:.35rem}.position-item{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;padding:.4rem .55rem;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left}.position-item.is-selected{border-color:#9fc4a8;background:#f3faf6}.profile-grid .position-radio{flex:1 1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;margin:0;font-weight:500;font-size:.95rem;color:var(--ink);cursor:pointer;text-align:left}.profile-grid .position-radio input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.position-tick{flex-shrink:0;width:1.15rem;height:1.15rem;border:1.5px solid var(--line);border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#fff}.position-item.is-selected .position-tick{border-color:var(--ok);background:var(--ok)}.position-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.position-item>button.ghost{margin-left:auto;flex-shrink:0}.profile-positions .row{gap:.5rem;margin-top:.5rem!important;width:100%}.profile-positions .row input{flex:1 1 auto;min-width:0;max-width:none}.profile-positions .row button{flex-shrink:0;padding:.45rem .85rem;white-space:nowrap}.profile-page .profile-preview,.profile-page .profile-sig{margin-top:1rem}.profile-page .ack-preview-body,.profile-page .saved-sig,.profile-page .sig-canvas-wrap{margin-left:auto;margin-right:auto}.profile-page .profile-preview .muted,.profile-page .profile-sig .snippet-head{max-width:280px;margin-left:auto;margin-right:auto}.profile-page .profile-preview .muted,.profile-page .profile-sig>.muted.tiny{text-align:center}.swal-mini{font-family:var(--font-ui,inherit)!important;border-radius:12px!important;padding:1.1rem 1.15rem 1rem!important}.swal-mini-title{font-size:1.05rem!important;font-weight:600!important;color:var(--teal-deep,#1a3c36)!important;padding:0!important}.swal-mini-text{font-size:.9rem!important;color:#4b5563!important;margin-top:.35rem!important}.swal-mini-actions{margin-top:.85rem!important;gap:.45rem!important}.swal-mini-btn{font-size:.88rem!important;padding:.45rem .9rem!important;border-radius:8px!important}.profile-status{margin-top:.75rem}.kind-settings-preview{padding:.75rem .9rem;border:1px dashed var(--line);border-radius:8px;background:#fff}.kind-settings-preview strong{display:block;margin-top:.25rem;font-size:1.15rem;color:var(--teal-deep)}.dash-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.dash-summary-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow)}.dash-summary-card strong{display:block;margin-top:.2rem;font-size:1.45rem;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.dash-kind-card{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.05rem;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.dash-kind-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.dash-kind-label{font-weight:700;color:var(--navy)}.dash-kind-total{font-size:1.75rem;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.dash-kind-hint{margin-top:.35rem}.dash-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.dash-number-item{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.dash-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-color:#c9d7ea;background:var(--accent-soft)}.school-settings-options{display:flex;flex-direction:column;gap:.55rem}.school-option{display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.school-option input{width:auto;margin-top:.2rem}.school-option span{display:flex;flex-direction:column;gap:.15rem}.school-option em{font-style:normal}.school-emblem-preview{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem;border:1px dashed var(--line);border-radius:8px;background:#fff}.school-emblem-preview img{width:72px;height:72px;object-fit:contain}.school-groups-layout{display:grid;grid-template-columns:minmax(160px,220px) 1fr;grid-gap:1rem;gap:1rem}.school-group-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.school-group-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.school-group-item:hover{background:#f8fafc;color:var(--ink)}.school-group-item.active{border-color:var(--accent)}.school-group-item.active,.school-group-item.active:hover{background:var(--accent-soft);color:var(--ink)}.school-group-detail{padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#fff}.school-user-combobox{position:relative}.school-user-options{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;overflow:auto;margin:0;padding:.35rem;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.school-user-options button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .65rem;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.school-user-options button.active,.school-user-options button:hover{background:var(--accent-soft);color:var(--ink)}.school-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.school-member-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px}.school-member-list li div{display:flex;flex-direction:column;gap:.1rem}@media (max-width:800px){.dash-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kind-grid,.dash-number-grid,.school-groups-layout{grid-template-columns:1fr}}.field-label{display:block;margin:.65rem 0 .35rem;font-size:.9rem;font-weight:600;color:var(--teal-deep)}@media (max-width:640px){.profile-grid{grid-template-columns:1fr}}.anno>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:rgba(26,46,42,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{width:min(520px,100%);background:var(--paper-card);border-radius:var(--radius);border:1px solid var(--line);padding:1.25rem;box-shadow:var(--shadow)}.modal h2{margin:0 0 .75rem;font-size:1.15rem;color:var(--teal-deep)}.modal-upload{width:min(860px,100%);max-height:calc(100vh - 2rem);overflow-y:auto}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem 1rem;gap:.85rem 1rem;align-items:start}.upload-grid .span-2{grid-column:1/-1}@media (max-width:700px){.upload-grid{grid-template-columns:1fr}}.sig-canvas-wrap{width:min(240px,100%);margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.sig-canvas-wrap canvas{display:block;width:100%;height:100px;touch-action:none}.profile-preview .muted,.profile-sig .snippet-head{max-width:280px}.saved-sig{margin:0 auto .75rem;padding:.5rem;border:1px solid var(--line);border-radius:8px}.ack-preview-body,.saved-sig{max-width:240px;background:#fff;text-align:center}.ack-preview-body{display:block;margin:.35rem auto 0;padding:.65rem .75rem;border:1px dashed var(--line);border-radius:8px;font-family:var(--font-doc);font-size:14px;line-height:1.35;color:var(--pen-blue)}.ack-preview-body>div:first-child{text-align:left}.ack-preview-body img,.saved-sig img{display:block;max-width:160px;max-height:56px;width:auto;height:auto;object-fit:contain;margin:.25rem auto}.modal-text{width:min(560px,100%)}.modal-preview{width:min(1040px,96vw);display:flex;flex-direction:column;gap:.65rem;padding:.9rem 1rem 1rem}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pdf-preview-frame{width:100%;height:78vh;border:1px solid var(--line);border-radius:6px;background:#fff}.snippet-block{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--line)}.snippet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--teal-deep);font-weight:600}.snippet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:160px;overflow:auto}.snippet-list li{display:flex;align-items:stretch;gap:.25rem}.snippet-pick{flex:1 1;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.45rem .65rem;font-weight:500;box-shadow:none}.snippet-pick:hover{border-color:var(--teal);background:rgba(15,92,76,.06)}.tiny,button.tiny{font-size:.8rem;padding:.25rem .5rem;min-height:auto}p.tiny{margin:.25rem 0 0}@media (max-width:640px){.site-main{padding:1rem}.toolbar{top:3.25rem}}.memo-layout{display:flex;flex-direction:column;gap:.75rem}.memo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.memo-toolbar .error{width:100%;margin:0}.memo-paper .memo-closing{margin-top:var(--memo-between-para-gap)}.memo-paper .memo-closing-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#111;font-family:inherit;font-size:var(--memo-text-pt);font-weight:400;line-height:var(--memo-body-line-pt);text-indent:2.5cm;text-align:left;cursor:pointer}.memo-paper .memo-closing-select:focus{background:#fffbe8;box-shadow:0 0 0 2px rgba(30,77,140,.2)}.memo-paper .memo-closing-select option{text-indent:0;font-family:var(--font);font-size:1rem}.memo-preview-wrap{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--radius,10px);background:linear-gradient(180deg,#e8edf3,#dfe6ee);border:1px solid var(--line)}.memo-preview-label{margin:0;font-size:.78rem;color:var(--ink-muted);text-align:center}.memo-paper-stage{width:100%;max-width:210mm;margin:0 auto;position:relative;flex-shrink:0}.memo-paper{width:210mm;height:297mm;min-height:297mm;max-height:297mm;max-width:210mm;box-sizing:border-box;margin:0;transform-origin:top left;overflow-x:hidden;overflow-y:auto;background:#fff;color:#111;border:1px solid #c5cdd6;box-shadow:0 1px 2px rgba(15,23,42,.06),0 12px 28px rgba(15,23,42,.12);padding:1.5cm 2cm 2cm 3cm;--memo-title-pt:23.2pt;--memo-title-line-pt:28pt;--memo-label-pt:14pt;--memo-label-line-pt:14pt;--memo-label-gap:7pt;--memo-text-pt:12.8pt;--memo-text-line-pt:12.8pt;--memo-para-gap-pt:4.8pt;--memo-after-head-gap:var(--memo-text-line-pt);--memo-meta-row-gap:var(--memo-para-gap-pt);--memo-krut-height:1.75cm;--memo-title-shift:0.5cm;--memo-date-shift:0.3cm;--memo-date-label-start:calc(50% - 3.55em + var(--memo-title-shift) + var(--memo-date-shift));--memo-subject-line:calc(var(--memo-text-line-pt) * 1.8);--memo-sign-shift:3cm;--memo-after-agency-gap:calc(var(--memo-text-line-pt) * 0.45);--memo-after-subject-gap:calc(var(--memo-para-gap-pt) * 2.2);--memo-before-body-gap:calc(var(--memo-para-gap-pt) * 2.6);--memo-body-line-pt:calc(var(--memo-text-line-pt) * 1.6);--memo-between-para-gap:calc(var(--memo-para-gap-pt) * 1.25);--memo-field-line:1.55;font-family:var(--font-memo),var(--font-memo-fallback);font-size:var(--memo-text-pt);font-weight:400;line-height:var(--memo-text-line-pt);text-align:left}.memo-head{position:relative;margin-bottom:0;min-height:var(--memo-krut-height);display:flex;align-items:flex-end;justify-content:center}.memo-krut{position:absolute;top:0;left:0;height:var(--memo-krut-height);width:auto;display:block}.memo-title{position:relative;left:var(--memo-title-shift);margin:0;padding:0;width:100%;text-align:center;font-size:var(--memo-title-pt);font-weight:600;line-height:1.05;letter-spacing:0;color:#111}.memo-meta-block{margin-top:var(--memo-after-head-gap);flex-direction:column;gap:var(--memo-meta-row-gap)}.memo-meta-block,.memo-row{margin-bottom:0;display:flex}.memo-row{align-items:center;gap:var(--memo-label-gap);font-size:var(--memo-text-pt);line-height:var(--memo-text-line-pt)}.memo-row-split{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:0;width:100%;margin-top:var(--memo-after-agency-gap)}.memo-row-split .memo-that-part{flex:0 0 var(--memo-date-label-start);width:var(--memo-date-label-start);max-width:var(--memo-date-label-start);box-sizing:border-box;padding-right:.2rem}.memo-date-part,.memo-row-split .memo-that-part{display:flex;align-items:center;gap:var(--memo-label-gap);min-width:0}.memo-date-part{flex:1 1 auto;margin-left:0;width:auto;justify-content:flex-start;text-align:left}.memo-to-row{margin-top:var(--memo-after-subject-gap);margin-bottom:0}.memo-label{flex-shrink:0;font-size:var(--memo-label-pt);font-weight:600;line-height:calc(var(--memo-label-line-pt) * var(--memo-field-line));padding-top:0}.memo-label.memo-label-text-size,.memo-text{font-size:var(--memo-text-pt);font-weight:400;line-height:calc(var(--memo-text-line-pt) * var(--memo-field-line))}.memo-text{flex:1 1;min-width:0}.memo-text.multiline{white-space:pre-line}.memo-paper .memo-body-editor,.memo-paper .memo-editor,.memo-paper .memo-sign-editor{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;outline:0;padding:0;margin:0;background:transparent;color:#111;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-shadow:none}.memo-paper .memo-body-editor:focus,.memo-paper .memo-editor:focus,.memo-paper .memo-sign-editor:focus{background:#fffbe8;box-shadow:0 0 0 2px rgba(30,77,140,.2)}.memo-paper input::placeholder,.memo-paper textarea::placeholder{color:#9aa3ad;opacity:1}.memo-paper input.memo-editor{height:calc(var(--memo-text-line-pt) * var(--memo-field-line) + .47em);min-height:calc(var(--memo-text-line-pt) * var(--memo-field-line) + .47em)}.memo-paper .memo-subject-editor{display:block;flex:1 1;width:100%;min-width:5em;box-sizing:border-box;min-height:calc(var(--memo-subject-line) + .47em);line-height:var(--memo-subject-line);padding-top:.12em;padding-bottom:.35em;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;field-sizing:content;border-bottom:0;background-image:repeating-linear-gradient(90deg,#1a1a1a 0 .75pt,transparent .75pt 3pt);background-repeat:no-repeat;background-size:100% 1pt;background-position:0 calc(.12em + var(--memo-subject-line) + .2em)}.memo-row:has(.memo-subject-editor){align-items:flex-start}.memo-row:has(.memo-subject-editor) .memo-label{height:calc(var(--memo-subject-line) + .12em);display:inline-flex;align-items:center}.memo-text.memo-lined{flex:1 1;min-width:5em;border-bottom:1pt dotted #1a1a1a;padding-bottom:.35em;min-height:calc(var(--memo-text-line-pt) * var(--memo-field-line));box-decoration-break:clone;-webkit-box-decoration-break:clone}.memo-row-part .memo-text.memo-lined{min-width:6em}.memo-row-part{display:flex;align-items:center;gap:var(--memo-label-gap);min-width:0}.memo-date-part .memo-text.memo-lined{flex:1 1;min-width:4em}.memo-body{margin:0;font-size:var(--memo-text-pt);line-height:var(--memo-text-line-pt)}.memo-paper .memo-body-editor{display:block;width:100%;min-height:calc(var(--memo-body-line-pt) * 3);margin-top:var(--memo-before-body-gap);line-height:var(--memo-body-line-pt);white-space:pre-wrap;word-break:normal;overflow-wrap:normal;line-break:normal;text-align:justify;text-align-last:left;text-justify:inter-character;text-indent:2.5cm}.memo-paper .memo-body-editor div,.memo-paper .memo-body-editor p{margin:0;padding:0;line-height:var(--memo-body-line-pt);min-height:var(--memo-body-line-pt)}.memo-paper .memo-body-editor div+div,.memo-paper .memo-body-editor p+p{margin-top:var(--memo-between-para-gap)}.memo-paper .memo-body-editor:empty:before{content:attr(data-placeholder);color:#9aa3ad}.memo-body p{margin:0;padding:0;font-size:var(--memo-text-pt);font-weight:400;line-height:var(--memo-text-line-pt);text-align:justify;text-indent:2.5cm}.memo-body p+p{margin-top:var(--memo-para-gap-pt)}.memo-body p:empty,.memo-body p:has(:only-child){min-height:var(--memo-text-line-pt)}.memo-sign{display:flex;justify-content:flex-start;margin-top:4em;font-size:var(--memo-text-pt)}.memo-sign,.memo-sign-block{line-height:var(--memo-text-line-pt)}.memo-sign-block{flex:1 1 auto;width:auto;margin-left:calc(var(--memo-date-label-start) - var(--memo-sign-shift));text-align:center}.memo-signature-image{display:block;width:auto;max-width:55%;height:auto;max-height:1.2cm;object-fit:contain;margin:0 auto var(--memo-para-gap-pt)}.memo-signature-missing{display:inline-block;margin-bottom:var(--memo-para-gap-pt);font-size:var(--memo-text-pt)}.memo-sign-line{margin-bottom:0;font-size:var(--memo-text-pt);line-height:var(--memo-text-line-pt)}.memo-sign-line+.memo-sign-line{margin-top:var(--memo-para-gap-pt)}.memo-sign-name{display:flex;justify-content:center;align-items:baseline}.memo-paper .memo-sign-editor{width:100%;min-width:0;text-align:center}.memo-paper .memo-sign-name .memo-sign-editor{flex:1 1;width:auto}@media (max-width:980px){.memo-paper-stage{max-width:min(210mm,100%)}}@media print{body{background:#fff!important}.nav-toggle,.no-print,.sidebar,.sidebar-backdrop,.site-footer,.topnav{display:none!important}.app-shell,.memo-layout,.memo-page,.memo-preview-wrap,.shell-body,.shell-content,.shell-main{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:#fff!important;box-shadow:none!important;border:none!important}.memo-paper-stage{width:100%!important;max-width:none!important;height:auto!important}.memo-paper{width:210mm;height:auto;min-height:297mm;max-height:none;max-width:none;transform:none!important;overflow:visible!important;border:none;box-shadow:none;padding:1.5cm 2cm 2cm 3cm;font-size:var(--memo-text-pt);line-height:var(--memo-text-line-pt);page-break-after:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}.memo-krut{height:var(--memo-krut-height)}.memo-paper .memo-body-editor:focus,.memo-paper .memo-closing-select:focus,.memo-paper .memo-editor:focus,.memo-paper .memo-sign-editor:focus{background:transparent;box-shadow:none}@page{size:A4 portrait;margin:0}}.login-shell{min-height:100vh;font-family:THSarabunNew,Sarabun,Noto Sans Thai,Tahoma,sans-serif;background:linear-gradient(135deg,#eef4fb,#ffffff 48%,#e8eef6)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.login-wrap{width:min(420px,100%)}.login-brand{text-align:center;margin-bottom:1.75rem}.login-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;border-radius:1rem;color:#fff;background:linear-gradient(145deg,#1e4d8c,#0f2744);box-shadow:0 10px 28px rgba(15,39,68,.28)}.login-brand-title{margin:0 0 .35rem;font-size:2rem;font-weight:700;line-height:1.25;color:#0f2744;letter-spacing:.01em}.login-brand-sub{margin:0;font-size:1.2rem;color:#5b6b7c}.login-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 2px rgba(15,39,68,.04),0 18px 40px rgba(15,39,68,.12)}.login-card-title{margin:0 0 1.25rem;font-size:1.65rem;font-weight:700;color:#142033}.login-card-lead{margin:-.5rem 0 1.1rem;font-size:1.15rem;line-height:1.45;color:#5b6b7c}.login-error{margin:0 0 1rem;padding:.65rem .85rem;border-radius:8px;background:#f8eaea;color:#8b2e2e;font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:1.15rem}.login-field label{display:block;margin-bottom:.4rem;font-size:1.15rem;font-weight:600;color:#334155}.login-field input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#142033;font:inherit;font-size:1.2rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-field input:focus{border-color:#1e4d8c;box-shadow:0 0 0 3px rgba(30,77,140,.18)}.login-field input:disabled{opacity:.65;background:#f8fafc}.login-password{position:relative}.login-password input{padding-right:2.75rem}.login-eye{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.login-eye:hover{background:transparent;color:#0f2744}.login-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;padding:.8rem 1rem;border:0;border-radius:10px;color:#fff;font:inherit;font-size:1.25rem;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.login-submit,.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#1e4d8c,#0f2744)}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-spinner{width:1.15rem;height:1.15rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-links{text-align:center;margin-top:.15rem}.login-links a{font-size:1.1rem;color:#1e4d8c;text-decoration:none}.login-links a:hover{text-decoration:underline}.login-schools{gap:.65rem}.login-schools,.school-pick{display:flex;flex-direction:column}.school-pick{align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.85rem 1rem;border:1px solid #d5dde8;border-radius:10px;background:#fff;color:#142033;font:inherit;cursor:pointer}.school-pick strong{font-size:1.2rem;font-weight:700;color:#0f2744}.school-pick span{font-size:1.05rem;color:#5b6b7c}.school-pick:hover:not(:disabled){border-color:#1e4d8c;background:#f4f7fb}.login-back{width:100%;margin-top:.35rem;padding:.7rem 1rem;border:1px solid #d5dde8;border-radius:10px;background:transparent;color:#1e4d8c;font:inherit;font-size:1.15rem;font-weight:600;cursor:pointer}.login-back:hover{background:#e8eef6}.login-footer{margin-top:1.75rem;text-align:center;color:#7b8a9a;font-size:1.05rem;line-height:1.55}.login-footer p{margin:0}.login-footer a{color:#1e4d8c;font-weight:600;text-decoration:underline}.login-loading{margin:0;color:#5b6b7c;font-size:1.2rem}.topnav-user{font-size:.85rem;color:rgba(244,247,251,.85);margin-right:.5rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-logout{border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:8px;padding:.35rem .65rem;font-size:.85rem;cursor:pointer}.topnav-logout:hover{background:rgba(255,255,255,.12)}.user-combo{width:min(520px,100%)}.user-combo,.user-combo-field{position:relative}.user-combo-field input{width:100%;padding-right:5.5rem}.user-combo-status{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.85rem;color:var(--ink-muted);pointer-events:none}.user-combo-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + .25rem);margin:0;padding:.35rem;list-style:none;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(15,39,68,.14)}.user-combo-empty{padding:.75rem .85rem;color:var(--ink-muted);font-size:.95rem}.user-combo-option{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;text-align:left;padding:.65rem .75rem;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.user-combo-option.active,.user-combo-option:hover{background:var(--accent-soft)}.user-combo-name{font-weight:700;color:var(--navy)}.user-combo-meta{font-size:.85rem;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;font-family:THSarabunNew,Sarabun,Noto Sans Thai,Tahoma,sans-serif;background:linear-gradient(135deg,#eef4fb,#ffffff 48%,#e8eef6)}.track-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.75rem 1.5rem;box-shadow:0 18px 45px rgba(15,39,79,.12);text-align:center}.track-kicker{margin:0;font-size:.9rem;letter-spacing:.06em;color:var(--ink-muted)}.track-title{margin:.15rem 0 1rem;font-size:1.5rem;color:var(--navy)}.track-docno{margin:0;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-status{margin:.35rem 0 1.25rem;font-size:1.35rem;font-weight:700;color:var(--navy)}.track-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:.55rem;gap:.55rem;text-align:left}.track-step{display:flex;align-items:center;gap:.6rem;color:var(--ink-muted)}.track-step .track-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:#fff;color:#fff;flex:none}.track-step.reached{color:var(--navy);font-weight:600}.track-step.reached .track-dot{border-color:var(--accent);background:var(--accent)}.track-step.current .track-dot{box-shadow:0 0 0 4px var(--accent-soft)}.track-updated{margin:1.25rem 0 0;font-size:.95rem;color:var(--ink-muted)}