@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap");:root{--font-payflow:"Inter","Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif;--primary:#1f7eea;--primary-strong:#1268cf;--primary-soft:#edf6ff;--text:#17233a;--muted:#8797aa;--line:#e6edf5;--bg:#f8fbff;--card:#ffffff}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-payflow);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:202px;height:100vh;position:fixed;inset:0 auto 0 0;z-index:30;flex-direction:column;border-right:1px solid #eeeeee}.brand,.sidebar{display:flex;background:#fff}.brand{height:70px;min-height:70px;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #f3f3f3}.brandLogo{width:58px;height:38px;display:block;object-fit:contain;mix-blend-mode:multiply}.sidebar nav{flex:1 1;min-height:0;padding:8px 10px 14px;overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar section{margin:0 0 8px}.sidebar section p{margin:0;padding:7px 9px 4px;color:#a6adb5;font-size:8.8px}.navItem,.sidebar section p{font-weight:600;line-height:1.2;white-space:nowrap}.navItem{width:100%;min-height:34px;position:relative;padding:0 10px;border:0;border-radius:9px;display:flex;align-items:center;gap:9px;color:#4f5965;background:transparent;font-size:11.2px;text-align:left;text-decoration:none}.navIcon{min-width:17px;display:inline-flex;align-items:center;justify-content:center;color:#66717c}.navIcon,.navIcon svg{width:17px;height:17px}.navIcon svg{display:block}.navLabel{overflow:hidden;text-overflow:ellipsis}.navItem.active{color:#e67f22;background:#fff2e8;font-weight:700;box-shadow:inset 3px 0 0 #f28a2a}.navItem.active .navIcon{color:#e67f22}.navItem:not(.active):hover{background:#fff8f2;color:#d87820}.owner{flex:0 0 auto;min-height:54px;padding:7px 11px 8px;border-top:1px solid #efefef;background:#fff;display:flex;align-items:center;gap:7px;color:#979797}.ownerDot{width:25px;height:25px;min-width:25px;border:1px solid #cfe4fb;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#1e78d8;font-size:8px;font-weight:800}.owner div{min-width:0;flex:1 1;line-height:1.05}.owner b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-size:8.2px;font-weight:700}.owner small{display:block;margin-top:3px;color:#1e78d8;font-size:6.9px;font-weight:800}.ownerExit{font-size:12px;color:#999}.main{width:calc(100% - 202px);margin-left:202px}.topbar{height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:0 22px;justify-content:space-between;background:rgba(255,255,255,.98);border-bottom:1px solid #e7edf5}.crumb,.topbar{display:flex;align-items:center}.crumb{gap:8px;color:#a1adba;font-size:10px;font-weight:700;white-space:nowrap}.crumb strong{color:var(--primary-strong)}.topRight{display:flex;align-items:center;gap:7px;color:#7f8b98}.bell{width:34px;height:34px;border:1px solid #e0e8f2;border-radius:9px;display:grid;place-items:center;position:relative;background:#fff}.bell em{position:absolute;top:-5px;right:-4px;width:15px;height:15px;place-items:center;background:#66aef3;color:#fff;font-size:7px;font-style:normal}.bell em,.user{border-radius:50%;display:grid}.user{width:28px;height:28px;place-items:center;background:#eaf4ff;color:#2a78c5;font-size:8px;font-weight:800}.chevron{font-size:10px;color:#a2adba}.page{min-height:calc(100vh - 56px);padding:22px 22px 30px;background:#fbfdff}.routePlaceholder{overflow:hidden;border:1px solid #e6edf5;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(46,93,142,.035)}.routePlaceholderHead{padding:20px 22px 16px;border-bottom:1px solid #eef3f8}.routePlaceholderHead h1{margin:0;color:#24364a;font-size:18px;font-weight:800}.routePlaceholderHead p{margin:5px 0 0;color:#8797aa;font-size:11px}.routePlaceholderBody{min-height:180px;display:grid;place-items:center;padding:28px;color:#8a98a8;font-size:12px;text-align:center}@media (max-width:800px){.sidebar{display:none}.main{width:100%;margin-left:0}.page{padding:14px}}.Header_headerActions__VycHi{display:flex;align-items:center;gap:0!important}.Header_notificationArea__rRHq_{display:flex;align-items:center;padding-right:12px}.Header_actionDivider__x6wvj{width:1px;height:26px;margin-right:12px;background:#e4ebf3;flex:0 0 auto}.Header_profileRoot__VQ55g{position:relative}.Header_profileButton__BbhYN{min-width:58px;height:36px;padding:0 8px 0 3px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;gap:7px;background:transparent;color:#8090a3;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.Header_profileButton__BbhYN:hover,.Header_profileButton__BbhYN[aria-expanded=true]{border-color:#dce9f5;background:#f7fbff;color:#277fd8}.Header_profileAvatar__kF19a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#edf7ff,#e4f1ff);color:#367bc0;font-size:9px;font-weight:900;letter-spacing:.03em}.Header_profileChevron__TtKs7{font-size:7px;line-height:1;color:#9aabba;transition:transform .18s ease}.Header_profileButton__BbhYN[aria-expanded=true] .Header_profileChevron__TtKs7{transform:rotate(180deg)}.Header_profileMenu__Objtf{position:absolute;top:45px;right:0;z-index:90;width:215px;overflow:hidden;border:1px solid #dfeaf6;border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(36,78,121,.18)}.Header_profileMenu__Objtf:before{content:"";position:absolute;top:-6px;right:23px;width:11px;height:11px;border-top:1px solid #dfeaf6;border-left:1px solid #dfeaf6;background:#fff;transform:rotate(45deg)}.Header_profileSummary__bMyTJ{position:relative;padding:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f7}.Header_profileSummaryIcon__zdTwJ{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef7ff;color:#277fd8;flex:0 0 auto}.Header_logoutButton__19h_K svg,.Header_profileSummaryIcon__zdTwJ svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.Header_profileSummary__bMyTJ>span:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.Header_profileSummary__bMyTJ strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293d53;font-size:11px;font-weight:900}.Header_profileSummary__bMyTJ small{color:#95a2b2;font-size:8px;font-weight:600}.Header_logoutButton__19h_K{width:100%;min-height:42px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#d44d59;background:#fff;text-decoration:none;font-size:10px;font-weight:900;transition:background .16s ease}.Header_logoutButton__19h_K:hover{background:#fff5f6}.Header_notificationRoot__htBHR{position:relative}.Header_bellButton__bzoBK{width:36px;height:36px;padding:0;border:1px solid #e0e8f2;border-radius:11px;display:grid;place-items:center;position:relative;background:#fff;color:#738397;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.Header_bellButton__bzoBK.Header_hasUnread__vN1za,.Header_bellButton__bzoBK:hover{border-color:#bddcff;background:#f5faff;color:#2580df}.Header_bellButton__bzoBK:active{transform:scale(.96)}.Header_bellButton__bzoBK svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.Header_badge__s4lld{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;display:grid;place-items:center;background:#ef5b6c;color:#fff;font-size:7px;line-height:1;font-weight:900;box-sizing:border-box;box-shadow:0 2px 6px rgba(239,91,108,.25)}.Header_panel__2MUJX{position:absolute;top:43px;right:0;z-index:80;width:370px;overflow:hidden;border:1px solid #dfeaf6;border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(36,78,121,.18);color:#26384d}.Header_panel__2MUJX:before{content:"";position:absolute;top:-6px;right:13px;width:11px;height:11px;border-top:1px solid #dfeaf6;border-left:1px solid #dfeaf6;background:#fff;transform:rotate(45deg)}.Header_panelHeader__yoFqz{min-height:62px;padding:14px 15px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7}.Header_panelHeader__yoFqz>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.Header_panelHeader__yoFqz strong{color:#22364d;font-size:13px;font-weight:900}.Header_panelHeader__yoFqz span{color:#8796a8;font-size:9px;font-weight:600}.Header_readAllButton__PviS6{flex:0 0 auto;padding:6px 9px;border:0;border-radius:8px;background:#edf6ff;color:#2179d5;font-size:8px;font-weight:900;cursor:pointer}.Header_readAllButton__PviS6:disabled{opacity:.45;cursor:default}.Header_toolbar__mxEPr{min-height:38px;padding:7px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef3f8;background:#fbfdff}.Header_soundButton__4ArNM{flex:0 0 auto;min-height:25px;padding:4px 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe8f5;border-radius:7px;background:#fff;color:#7b8b9d;font-size:8px;font-weight:800;cursor:pointer}.Header_soundButton__4ArNM svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.Header_soundOn__ZMRwB{border-color:#c7e1fb;background:#edf7ff;color:#217bd7}.Header_pollHint__ZCKoB,.Header_soundHint__z_Jjf{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d9aab;font-size:7.5px;font-weight:600}.Header_soundHint__z_Jjf{color:#d17a1d}.Header_list__vUW_W{max-height:430px;overflow-y:auto;overscroll-behavior:contain}.Header_item__77QWb{position:relative;width:100%;min-height:72px;padding:10px 13px;display:grid;grid-template-columns:7px minmax(0,1fr) 7px;grid-gap:10px;gap:10px;align-items:start;border:0;border-bottom:1px solid #eff3f7;background:#fff;text-align:left;cursor:pointer;transition:background .16s ease}.Header_item__77QWb:hover{background:#f8fbff}.Header_unreadItem__XD05H{background:#f6fbff}.Header_tone__O8HPY{width:7px;height:7px;margin-top:4px;border-radius:50%;box-shadow:0 0 0 4px currentColor}.Header_toneSuccess__XudYK{color:rgba(35,169,103,.11);background:#24a86a}.Header_toneDanger__Aqhyy{color:rgba(229,76,90,.11);background:#e54c5a}.Header_toneWarning__LOLWv{color:rgba(238,159,50,.13);background:#ed9e31}.Header_toneInfo__fUqp_{color:rgba(45,132,225,.11);background:#2d84e1}.Header_itemBody__2i2xJ{min-width:0;display:grid;grid-gap:3px;gap:3px}.Header_itemTop__63eyu{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.Header_itemTop__63eyu strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293c52;font-size:9px;font-weight:900}.Header_itemTop__63eyu time{flex:0 0 auto;color:#9aa7b7;font-size:7px;font-weight:600}.Header_amount__cYfqL{color:#1779da;font-size:11px;font-weight:900}.Header_meta__JLWSd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b99aa;font-size:7.5px;font-weight:600}.Header_unreadDot__UgYxt{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#2f8be9;box-shadow:0 0 0 3px #e8f4ff}.Header_emptyState__z8Ojf{min-height:180px;padding:26px;display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;color:#8a98aa;text-align:center}.Header_emptyState__z8Ojf svg{width:28px;height:28px;fill:none;stroke:#8dbceb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.Header_emptyState__z8Ojf strong{color:#53667d;font-size:10px;font-weight:900}.Header_emptyState__z8Ojf span{max-width:250px;font-size:8px;line-height:1.5}@media (max-width:600px){.Header_panel__2MUJX{position:fixed;top:60px;right:10px;left:10px;width:auto}.Header_panel__2MUJX:before{display:none}}.Header_securityButton__ayGQ6{width:100%;min-height:42px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#347ab5;background:#fff;text-decoration:none;font-size:10px;font-weight:900;transition:background .16s ease}.Header_securityButton__ayGQ6:hover{background:#f2f8ff}.Header_securityButton__ayGQ6 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}