@charset "UTF-8";:root{--color-boost-blue: #0F78ED;--color-impact-green: #11AD95;--color-exim-red: #EC1C24;--color-exim-blue: #034EA1;--color-white: #FFFFFF;--color-black: #000000;--color-gray500: #565656;--color-neutral-0: #FFFFFF;--color-neutral-50: #F7F7F7;--color-neutral-100: #EEEEEE;--color-neutral-200: #D9D9D9;--color-neutral-300: #BFBFBF;--color-neutral-400: #8C8C8C;--color-neutral-500: #565656;--color-neutral-700: #2E2E2E;--color-neutral-900: #000000;--color-background-surface: #F7F7F7;--color-background-surface-subtle: #EEEEEE;--color-background-disabled: #D9D9D9;--color-background-overlay: rgba(0, 0, 0, .3);--color-background-success: #EBFFF1;--color-background-error: #FFE8E8;--color-background-warning: #FEF3D6;--color-background-info: #DEEBFF;--color-background-info-subtle: #C5DCFF;--color-primary-secondary: #E6F0FA;--color-primary-secondary-hover: #CDE5FD;--color-primary-secondary-active: #ACD5FE;--color-primary-default: #034EA1;--color-primary-primary-hover: #033F82;--color-primary-primary-active: #023166;--color-primary-disabled: #9DB7D6;--color-success-default: #197D3F;--color-success-icon: #15803D;--color-success-hover: #145A2F;--color-success-active: #104A26;--color-success-subtle: #DAFFE5;--color-error-default: #A81A1A;--color-error-icon: #B91C1C;--color-error-hover: #731818;--color-error-active: #561010;--color-error-subtle: #FFD7D7;--color-warning-default: #FFBB00;--color-warning-icon: #FFD970;--color-warning-hover: #CA9400;--color-warning-active: #946D01;--color-warning-subtle: #FEEFC8;--color-info-default: #284AA9;--color-info-hover: #182F70;--color-info-active: #15285D;--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-00: 0px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-special: 24px;--size-special: 40px;--size-display: 36px;--size-h1: 32px;--size-h2: 28px;--size-h3: 24px;--size-h4: 20px;--size-body-lg: 16px;--size-body-md: 14px;--size-body-sm: 13px;--size-caption: 12px;--line-height-special: 56px;--line-height-display: 52px;--line-height-h1: 48px;--line-height-h2: 44px;--line-height-h3: 36px;--line-height-h4: 32px;--line-height-body-lg: 28px;--line-height-body-md: 24px;--line-height-body-sm: 22px;--line-height-caption: 20px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-families-base: "Anuphan", "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sizes-caption: 12px;--font-sizes-body-sm: 13px;--font-sizes-body-md: 14px;--font-sizes-body-lg: 16px;--font-sizes-h4: 20px;--font-sizes-h3: 24px;--font-sizes-h2: 28px;--font-sizes-h1: 32px;--font-sizes-display: 36px;--font-sizes-special: 40px;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--line-heights-caption: 20px;--line-heights-body-sm: 22px;--line-heights-body-md: 24px;--line-heights-body-lg: 28px;--line-heights-h4: 32px;--line-heights-h3: 36px;--line-heights-h2: 44px;--line-heights-h1: 48px;--line-heights-display: 52px;--line-heights-special: 56px;--0: 0px;--1: 2px;--2: 4px;--3: 8px;--4: 12px;--5: 16px;--6: 20px;--7: 24px;--8: 28px;--10: 32px;--12: 40px;--16: 48px;--none: 0px;--sm: 4px;--md: 8px;--lg: 12px;--xl: 18px;--special: 24px;--xs: 0 1px 2px 0 rgb(0 0 0 / .05);--sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--lg: 0 10px 20px -3px rgb(0 0 0 / .1), 0 4px 8px -4px rgb(0 0 0 / .1);--xl: 0 20px 40px -4px rgb(0 0 0 / .1), 0 8px 16px -8px rgb(0 0 0 / .1);--fast: .15s;--normal: .2s;--slow: .3s;--dropdown: 1000;--sticky: 1020;--fixed: 1030;--modal-backdrop: 1040;--modal: 1050;--popover: 1060;--tooltip: 1070;--sm: 640px;--md: 768px;--lg: 1024px;--xl: 1280px;--2xl: 1536px}.bg-neutral-0{background-color:#fff}.bg-neutral-50{background-color:#f7f7f7}.bg-neutral-100{background-color:#eee}.bg-neutral-200{background-color:#d9d9d9}.bg-neutral-300{background-color:#bfbfbf}.bg-neutral-400{background-color:#8c8c8c}.bg-neutral-500{background-color:#565656}.bg-neutral-700{background-color:#2e2e2e}.bg-neutral-900{background-color:#000}.text-neutral-0{color:#fff}.text-neutral-50{color:#f7f7f7}.text-neutral-100{color:#eee}.text-neutral-200{color:#d9d9d9}.text-neutral-300{color:#bfbfbf}.text-neutral-400{color:#8c8c8c}.text-neutral-500{color:#565656}.text-neutral-700{color:#2e2e2e}.text-neutral-900{color:#000}.p-0{padding:0}.m-0{margin:0}.gap-0{gap:0px}.p-1{padding:2px}.m-1{margin:2px}.gap-1{gap:2px}.p-2{padding:4px}.m-2{margin:4px}.gap-2{gap:4px}.p-3{padding:8px}.m-3{margin:8px}.gap-3{gap:8px}.p-4{padding:12px}.m-4{margin:12px}.gap-4{gap:12px}.p-5{padding:16px}.m-5{margin:16px}.gap-5{gap:16px}.p-6{padding:20px}.m-6{margin:20px}.gap-6{gap:20px}.p-7{padding:24px}.m-7{margin:24px}.gap-7{gap:24px}.p-8{padding:28px}.m-8{margin:28px}.gap-8{gap:28px}.p-10{padding:32px}.m-10{margin:32px}.gap-10{gap:32px}.p-12{padding:40px}.m-12{margin:40px}.gap-12{gap:40px}.p-16{padding:48px}.m-16{margin:48px}.gap-16{gap:48px}.text-caption{font-size:12px}.text-body-sm{font-size:13px}.text-body-md{font-size:14px}.text-body-lg{font-size:16px}.text-h4{font-size:20px}.text-h3{font-size:24px}.text-h2{font-size:28px}.text-h1{font-size:32px}.text-display{font-size:36px}.text-special{font-size:40px}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded-0{border-radius:0}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:18px}.rounded-special{border-radius:24px}@media(min-width:640px){.container-sm{max-width:640px}}@media(min-width:768px){.container-md{max-width:768px}}@media(min-width:1024px){.container-lg{max-width:1024px}}@media(min-width:1280px){.container-xl{max-width:1280px}}@media(min-width:1536px){.container-2xl{max-width:1536px}}:root{--orange: #034EA1;--orange-dk: #023A7A;--orange-bg: #EBF2FC;--orange-muted: #DBEAFE;--orange-border: #BFDBFE;--navy: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--white: #FFFFFF;--green: #10B981;--blue: #3B82F6;--purple: #8B5CF6;--amber: #F59E0B;--teal: #14B8A6;--red: #EF4444;--sidebar-w: 252px;--r: 12px;--r-sm: 8px;--sh-sm: 0 1px 2px rgba(0,0,0,.06);--sh: 0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);--sh-md: 0 4px 20px rgba(0,0,0,.1);--sh-lg: 0 12px 40px rgba(0,0,0,.14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Anuphan,Sarabun,system-ui,sans-serif;background:var(--slate-50);color:var(--navy);min-height:100vh;font-size:13.5px;line-height:1.6;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--white);border-radius:var(--r);border:1px solid var(--slate-200);box-shadow:var(--sh-sm)}.card-hd{padding:14px 18px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13.5px;font-weight:700;color:var(--navy)}.card-sub{font-size:11.5px;color:var(--slate-500);margin-top:1px}.card-body{padding:18px}.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.b-active{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.b-inactive{background:var(--slate-100);color:var(--slate-500);border:1px solid var(--slate-200)}.b-orange{background:var(--orange-muted);color:var(--orange-dk);border:1px solid var(--orange-border)}.b-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.b-purple{background:#f5f3ff;color:#6d28d9;border:1px solid #DDD6FE}.b-green{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.b-red{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.b-global{background:var(--orange-muted);color:#c2410c;border:1px solid var(--orange-border)}.b-company{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.b-viewer{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200)}.b-single{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.b-multiple{background:#eef2ff;color:#3730a3;border:1px solid #C7D2FE}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r-sm);font-family:Sora,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;text-decoration:none;line-height:1}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dk);box-shadow:0 4px 12px #f9731659}.btn-primary:disabled{background:var(--slate-300);cursor:not-allowed;box-shadow:none}.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--slate-200)}.btn-outline:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn-ghost{background:transparent;color:var(--slate-500)}.btn-ghost:hover{background:var(--slate-100);color:var(--navy)}.btn-danger{background:#fef2f2;color:#b91c1c;border:1px solid #FCA5A5}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:11px 24px;font-size:14px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11.5px;font-weight:700;color:var(--slate-700);margin-bottom:5px;letter-spacing:.2px}.form-input{width:100%;padding:8px 11px;border:1px solid var(--slate-200);border-radius:var(--r-sm);font-family:Sora,sans-serif;font-size:13px;color:var(--navy);background:#fff;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}select.form-input{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748B' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table th{background:var(--slate-50);color:var(--slate-600);font-weight:700;padding:10px 14px;text-align:left;border-bottom:2px solid var(--slate-200);white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.data-table td{padding:10px 14px;border-bottom:1px solid var(--slate-100);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--slate-50)}.tabs{display:flex;gap:3px;background:var(--slate-100);padding:4px;border-radius:var(--r-sm);width:fit-content;margin-bottom:18px}.tab{padding:6px 15px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--slate-500);border:none;background:transparent;font-family:Sora,sans-serif}.tab:hover{color:var(--navy)}.tab.active{background:#fff;color:var(--navy);box-shadow:var(--sh-sm)}.perm-wrap{overflow-x:auto}.ptable{width:100%;border-collapse:collapse;font-size:12px}.ptable th{background:var(--slate-50);color:var(--slate-600);font-weight:700;padding:10px 14px;text-align:left;border-bottom:2px solid var(--slate-200);white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.ptable th.center{text-align:center}.ptable td{padding:9px 14px;border-bottom:1px solid var(--slate-100);vertical-align:middle}.ptable td.center{text-align:center}.ptable tr:last-child td{border-bottom:none}.ptable tr:hover td{background:var(--slate-50)}.pcheck-toggle{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin:auto;transition:all .15s;cursor:pointer}.pcheck-toggle.on{background:#ecfdf5;color:#059669;border:1.5px solid #6EE7B7}.pcheck-toggle.on:hover{background:#d1fae5;box-shadow:0 0 0 3px #10b98126}.pcheck-toggle.off{background:var(--slate-100);color:var(--slate-300);border:1.5px solid var(--slate-200)}.pcheck-toggle.off:hover{background:var(--slate-200);color:var(--slate-500)}.pcheck-toggle.readonly{cursor:default}.ptable-group-row td{background:var(--orange-bg)!important;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--orange-dk);padding:5px 14px;border-bottom:1px solid var(--orange-border)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--r);padding:16px 18px}.stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:10px}.stat-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--slate-400);margin-bottom:5px}.stat-val{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-1px;line-height:1}.stat-note{font-size:11px;color:var(--slate-500);margin-top:4px}.alert{padding:11px 14px;border-radius:var(--r-sm);font-size:12.5px;display:flex;gap:9px;align-items:flex-start}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.alert-orange{background:var(--orange-bg);color:var(--orange-dk);border:1px solid var(--orange-border)}.alert-green{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.alert-red{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-track{width:36px;height:20px;border-radius:99px;background:var(--slate-200);position:relative;transition:background .2s;flex-shrink:0}.toggle-track.on{background:var(--orange)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-track.on .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:12.5px;font-weight:600;color:var(--navy)}.sh{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.ss{font-size:12.5px;color:var(--slate-500);margin-top:3px}.sec-hd{margin-bottom:20px}.sec-hd-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}hr{border:none;border-top:1px solid var(--slate-200);margin:20px 0}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.avatar-sm{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.empty-state{text-align:center;padding:48px 24px;color:var(--slate-400)}.empty-state .empty-icon{font-size:40px;margin-bottom:12px}.empty-state .empty-title{font-size:14px;font-weight:700;color:var(--slate-600);margin-bottom:4px}.empty-state .empty-sub{font-size:12.5px}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.modal{background:#fff;border-radius:var(--r);box-shadow:var(--sh-lg);width:100%;max-width:520px;animation:fadeUp .2s ease}.modal-hd{padding:18px 20px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:800;color:var(--navy)}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--slate-400);font-size:20px;line-height:1;padding:0}.modal-body{padding:20px}.modal-ft{padding:14px 20px;border-top:1px solid var(--slate-200);display:flex;gap:8px;justify-content:flex-end}.toast-container{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;animation:fadeUp .2s ease;box-shadow:var(--sh-md)}.toast.toast-success{background:#065f46;color:#fff}.toast.toast-error{background:#b91c1c;color:#fff}.toast.toast-info{background:var(--navy);color:#fff}.search-box{position:relative}.search-box .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--slate-400);font-size:14px}.search-box input{width:100%;padding:8px 11px 8px 32px;border:1px solid var(--slate-200);border-radius:var(--r-sm);font-family:Sora,sans-serif;font-size:13px;color:var(--navy);background:#fff;outline:none}.search-box input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}@media(max-width:768px){.stat-grid{grid-template-columns:1fr 1fr}.g2,.g3{grid-template-columns:1fr}}