@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";
.Sidebar-module__XRNO5a__sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);z-index:1000;background:#050505d9;flex-direction:column;height:100vh;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:10px 0 30px #0003}[data-theme=light] .Sidebar-module__XRNO5a__sidebar{background:#fff;box-shadow:10px 0 30px #00000005}.Sidebar-module__XRNO5a__overlay{-webkit-backdrop-filter:blur(6px);z-index:999;background:#03071299;animation:.25s Sidebar-module__XRNO5a__fadeIn;position:fixed;inset:0}@media (max-width:768px){.Sidebar-module__XRNO5a__sidebar{transform:translate(-100%);width:280px!important}.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen{transform:translate(0);box-shadow:20px 0 50px #00000080}}.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__expanded{width:240px}.Sidebar-module__XRNO5a__topSection{justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.Sidebar-module__XRNO5a__logo{align-items:center;gap:12px;display:flex}.Sidebar-module__XRNO5a__logoText{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:800;line-height:1.25}.Sidebar-module__XRNO5a__toggleBtn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:30px;right:12px;box-shadow:0 4px 12px #0003}.Sidebar-module__XRNO5a__toggleBtn:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.1)}.Sidebar-module__XRNO5a__nav{flex-direction:column;flex:1;gap:6px;display:flex}.Sidebar-module__XRNO5a__navItem{height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;width:100%;padding:0 14px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.Sidebar-module__XRNO5a__navItem:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active{color:var(--text-primary);background:linear-gradient(135deg,#3b82f626 0%,#3b82f608 100%);border:1px solid #3b82f626;font-weight:700}[data-theme=light] .Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active{color:#fff;background:#0f172a;border:none}[data-theme=light] .Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active .Sidebar-module__XRNO5a__icon{filter:none;color:#fff!important}.Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active .Sidebar-module__XRNO5a__icon{color:var(--accent-primary);filter:drop-shadow(0 0 6px #3b82f666)}.Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active:before{content:"";background:var(--accent-primary);width:3px;box-shadow:0 0 10px var(--accent-primary);border-radius:0 4px 4px 0;position:absolute;top:12px;bottom:12px;left:0}[data-theme=light] .Sidebar-module__XRNO5a__navItem.Sidebar-module__XRNO5a__active:before{display:none}.Sidebar-module__XRNO5a__icon{flex-shrink:0;transition:transform .2s,color .2s}.Sidebar-module__XRNO5a__navItem:hover .Sidebar-module__XRNO5a__icon{transform:scale(1.05)}.Sidebar-module__XRNO5a__label{white-space:nowrap;margin-left:12px;font-size:13.5px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) Sidebar-module__XRNO5a__fadeIn;display:none}.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__expanded .Sidebar-module__XRNO5a__label,.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__label{display:block}@keyframes Sidebar-module__XRNO5a__fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.Sidebar-module__XRNO5a__tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border-color);background:#0f1322f2;border-radius:8px;padding:6px 12px;font-size:11.5px;transition:opacity .2s cubic-bezier(.16,1,.3,1);position:absolute;left:64px;box-shadow:0 10px 25px #0000004d}[data-theme=light] .Sidebar-module__XRNO5a__tooltip{color:var(--text-primary);background:#fffffff2;box-shadow:0 10px 25px #00000014}.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__expanded .Sidebar-module__XRNO5a__tooltip{display:none}@media (max-width:768px){.Sidebar-module__XRNO5a__tooltip{display:none}}.Sidebar-module__XRNO5a__navItem:hover .Sidebar-module__XRNO5a__tooltip{opacity:1}.Sidebar-module__XRNO5a__footer{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}
.ThemeToggle-module__gv9_OW__toggle{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.ThemeToggle-module__gv9_OW__toggle:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}
.Header-module__lnUIdW__header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:90;background:#000000bf;justify-content:space-between;align-items:center;height:70px;padding:0 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:0 4px 30px #00000008}[data-theme=light] .Header-module__lnUIdW__header{background:#ffffffbf;box-shadow:0 4px 30px #00000003}.Header-module__lnUIdW__left{align-items:center;display:flex}.Header-module__lnUIdW__menuBtn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-right:16px;padding:4px;display:none}@media (max-width:768px){.Header-module__lnUIdW__header{padding:0 16px}.Header-module__lnUIdW__menuBtn{display:block}.Header-module__lnUIdW__center,.Header-module__lnUIdW__breadcrumb{display:none}}.Header-module__lnUIdW__breadcrumb{color:var(--text-primary);cursor:pointer;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.Header-module__lnUIdW__breadcrumb:hover{border-color:var(--accent-primary);background:#3b82f60d}.Header-module__lnUIdW__chevron{color:var(--text-secondary);transition:transform .2s}.Header-module__lnUIdW__breadcrumb:hover .Header-module__lnUIdW__chevron{color:var(--accent-primary);transform:translateY(1px)}.Header-module__lnUIdW__center{flex:1;max-width:500px;margin:0 40px}.Header-module__lnUIdW__searchBar{align-items:center;display:flex;position:relative}.Header-module__lnUIdW__searchIcon{color:var(--text-secondary);transition:color .2s;position:absolute;left:14px}.Header-module__lnUIdW__searchInput{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:13.5px;font-family:var(--font-primary);background:#ffffff08;border-radius:12px;outline:none;padding:10px 45px 10px 40px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .Header-module__lnUIdW__searchInput{background:#0f172a08}.Header-module__lnUIdW__searchBar:hover .Header-module__lnUIdW__searchIcon{color:var(--accent-primary)}.Header-module__lnUIdW__searchInput:focus{border-color:var(--accent-primary);background:#3b82f608;box-shadow:0 0 16px #3b82f61f,inset 0 1px #ffffff0d}.Header-module__lnUIdW__searchShortcut{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;right:14px;box-shadow:0 1px 2px #0000001a}.Header-module__lnUIdW__right{align-items:center;gap:20px;display:flex}.Header-module__lnUIdW__iconBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex;position:relative}.Header-module__lnUIdW__iconBtn:hover{background:var(--bg-hover);color:var(--text-primary)}.Header-module__lnUIdW__badge{color:var(--accent-primary);background:#3b82f626;border:1px solid #3b82f61a;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700}.Header-module__lnUIdW__profile{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:4px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.Header-module__lnUIdW__profile:hover{background:var(--bg-hover);border-color:var(--border-color)}.Header-module__lnUIdW__userInfo{flex-direction:column;align-items:flex-end;display:flex}.Header-module__lnUIdW__userName{color:var(--text-primary);font-size:13.5px;font-weight:700}.Header-module__lnUIdW__userRole{color:var(--text-secondary);font-size:11px;font-weight:600}.Header-module__lnUIdW__avatar{border:2px solid var(--border-color);border-radius:10px;width:38px;height:38px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #0000001a}.Header-module__lnUIdW__profile:hover .Header-module__lnUIdW__avatar{border-color:var(--accent-primary);box-shadow:0 0 12px #3b82f640}.Header-module__lnUIdW__avatar img{object-fit:cover;width:100%;height:100%}
html{scroll-behavior:smooth}:root{--bg-main:#000;--bg-card:#080808;--bg-sidebar:#050505;--bg-hover:#ffffff0d;--accent-primary:#e5e5e5;--accent-secondary:#a3a3a3;--text-primary:#fff;--text-secondary:#a3a3a3;--border-color:#ffffff14;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-inter:"Inter", sans-serif;--font-primary:"Noto Sans Thai", "Plus Jakarta Sans", "Inter", sans-serif;--chart-planned:#475569;--chart-actual:#3b82f6;--chart-billed:#3b82f6;--chart-remaining:#ffffff14;--sidebar-width:240px;--premium-shadow:0 10px 30px -10px #000c;--glow-shadow:0 0 20px #3b82f614}@media (max-width:768px){:root{--sidebar-width:0px!important}}[data-theme=light]{--bg-main:#f3f5f9;--bg-card:#fff;--bg-sidebar:#fff;--bg-hover:#0f172a0a;--accent-primary:#171717;--accent-secondary:#525252;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#0f172a0d;--chart-planned:#cbd5e1;--chart-actual:#2563eb;--chart-billed:#2563eb;--chart-remaining:#e2e8f0;--premium-shadow:0 8px 24px -4px #0000000a, 0 2px 8px -2px #00000005;--glow-shadow:0 0 20px #2563eb0a}*{box-sizing:border-box;margin:0;padding:0}.main-content-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:768px){.main-content-wrapper{margin-left:0!important}main{padding:16px!important}}html,body{background-color:var(--bg-main);height:100%;color:var(--text-primary);font-family:var(--font-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow-x:hidden}[data-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--premium-shadow);background:#0a0a0abf;border-radius:20px}[data-theme=light] .glass{background:#ffffffbf}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--premium-shadow);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 16px 36px -12px #0006, var(--glow-shadow);border-color:#3b82f64d;transform:translateY(-3px)}[data-theme=light] .card:hover{box-shadow:0 16px 36px -12px #0000000f, var(--glow-shadow);border-color:#2563eb40}.gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--accent-primary);color:var(--bg-card);font-weight:600;font-family:var(--font-primary);cursor:pointer;border:none;border-radius:12px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0000001a}.btn-primary:hover{opacity:.9;transform:translateY(-1.5px);box-shadow:0 8px 20px #00000026}.btn-primary:active{transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}html.lenis{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis-stopped{overflow:hidden}.lenis-scrolling iframe{pointer-events:none}body{filter:brightness(var(--app-brightness,100%))}.premium-loader-container{justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.premium-loader-ring{border:2px solid #0000;border-top-color:var(--accent-primary);border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:absolute}.premium-loader-ring:nth-child(2){border-top-color:var(--text-secondary);width:75%;height:75%;animation:2s cubic-bezier(.68,-.55,.265,1.55) infinite spin-reverse}.premium-loader-ring:nth-child(3){border-top-color:#3b82f6cc;width:50%;height:50%;animation:2.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin}.premium-loader-core{background:var(--text-primary);width:18%;height:18%;box-shadow:0 0 15px var(--text-primary), 0 0 30px #3b82f699;border-radius:50%;animation:2s ease-in-out infinite pulse-core}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-core{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.premium-loader-text{letter-spacing:3px;color:var(--text-primary);flex-direction:column;align-items:center;gap:6px;margin-top:28px;font-size:14px;font-weight:700;animation:2s ease-in-out infinite pulse-text;display:flex}.premium-loader-subtext{color:var(--text-secondary);letter-spacing:0;font-size:13px;font-weight:500}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.premium-table-wrapper{background:0 0;border-radius:12px;width:100%;overflow:auto hidden}.premium-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:14px}.premium-data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-hover);white-space:nowrap;letter-spacing:.5px;padding:18px 24px;font-weight:700}.premium-data-table th:first-child{border-top-left-radius:12px}.premium-data-table th:last-child{border-top-right-radius:12px}.premium-data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 24px;font-weight:500;transition:all .2s}.premium-data-table tbody tr{transition:all .2s;position:relative}.premium-data-table tbody tr:hover td{background:#3b82f60a}.premium-data-table tfoot td{background:var(--bg-hover);border-top:1px solid var(--border-color);border-bottom:none;padding:20px 24px;font-weight:800}.premium-data-table tfoot td:first-child{border-bottom-left-radius:12px}.premium-data-table tfoot td:last-child{border-bottom-right-radius:12px}.premium-data-table .col-right{text-align:right}.premium-data-table .col-left{text-align:left}.premium-data-table .col-center{text-align:center}.premium-data-table tbody tr.selected-row td{background:#3b82f62e!important;border-bottom-color:#3b82f64d!important}.premium-data-table tbody tr{cursor:pointer}