:root{--bg:#eef3ff;--card:#fff;--text:#1e1e1e;--muted:#65718a;--line:#e0e8f8;--soft:#eef3ff;--blue:#0052ff;--orange:#0957d0;--shadow:0 8px 32px #123e8910}body{font-family:Noto Sans Thai Looped Variable,sans-serif;background:radial-gradient(ellipse at 85% 0,#d9ecff 0,transparent 48%),var(--bg);font-size:15.5px;line-height:1.85}.badge,.brand,.btn,.eyebrow,.metric strong,.nav-item,.tabs-trigger,.topbar,h1,h2,h3{font-family:Noto Sans Thai Variable,sans-serif}h1{font-size:32px;letter-spacing:-.6px;color:#053072;line-height:1.5}h2{font-size:22px}h2,h3{color:#15365e}h3{font-size:18px}.eyebrow{color:#0052ff;letter-spacing:1.6px;font-size:11.5px}.sidebar{padding:18px 12px 14px!important;background:#ffffffed;border-right:1px solid #dfe9fb;box-shadow:4px 0 24px #17458404}.brand{padding:0 4px 14px!important;gap:10px!important}.brand-mark{background:transparent!important}.brand strong{color:#053072;font-size:22px!important}.brand strong span{color:#0052ff}.brand small{font-family:Noto Sans Thai Looped Variable,sans-serif;font-size:11.5px}.sidebar-label{color:#7a8da9;font-size:11.5px!important;font-weight:600;padding:6px 10px 4px!important;letter-spacing:.3px}.nav-item{color:#52647e;border-radius:9px!important;white-space:nowrap;font-size:13.8px!important;padding:7px 11px!important;margin-bottom:2px!important;gap:10px!important;min-height:38px!important;line-height:1.4!important;transition:all .15s ease}.nav-item svg{width:18px!important;height:18px!important;flex-shrink:0}.dark .nav-item.active,.nav-item.active{background:#eef3ff!important;color:#0052ff!important;font-weight:600;box-shadow:inset 3px 0 0 #0052ff}.nav-item:hover{background:#f2f6ff;color:#0957d0}.sidebar-contact{border-color:#e1eafa;padding:10px 0 6px!important;margin-top:8px!important}.sidebar-contact h3{font-size:12.5px!important;margin-bottom:6px!important}.sidebar-contact img{width:115px!important;height:auto!important;margin:0 auto;border:3px solid white;border-radius:6px}.sidebar-contact small{font-size:10.5px!important;margin-top:4px!important}.institution{color:#416182;font-size:11.5px}.topbar{background:#ffffffed;border-color:#e0e8f8}.topbar-title{font-size:14px}.topbar-title b{color:#225184;font-size:14px}.icon-btn:hover,.user-avatar{background:#eef3ff;color:#0052ff}.user-avatar{border-color:#d9e5ff}.user-name{font-size:13.5px}.user-name small{font-size:11.5px}.home-information-section{border:1px solid #e0e8f8;border-radius:20px;box-shadow:0 7px 28px #15396a07}.home-information-section>header,.home-information-warning>header{background:linear-gradient(105deg,#f5f9ff,#e8f2ff);color:#053072;border-bottom:1px solid #e3ecfb;padding:20px 28px}.home-information-section>header h2{color:#0957d0;font-size:21px;font-weight:700}.home-information-body{padding:27px 30px;line-height:2;font-size:16px}.home-information-body a{color:#0052ff}.home-information-body li::marker{color:#0957d0;font-weight:600}.home-information-note{color:#65718a;font-size:13.5px}.home-payment-message{color:#0957d0}.home-payment-message p:first-child{font-family:Noto Sans Thai Variable,sans-serif;font-size:18px}.bank-provider{background:#fbfdff;border:1px solid #dce7f6;border-radius:14px;padding:16px 8px 14px}.bank-provider strong{color:#053072;font-size:15px;font-weight:700}.bank-icon-wrap{width:56px;height:56px;background:#fff;border:1px solid #e5effa;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 2px 8px rgba(18,62,137,.05);transition:transform .2s ease}.bank-provider:hover .bank-icon-wrap{transform:scale(1.05);box-shadow:0 4px 12px rgba(18,62,137,.1);border-color:#bcd5f5}.bank-icon-wrap img{display:block;width:42px;height:42px;-o-object-fit:contain;object-fit:contain}.card,.job-card{border-radius:18px;border-color:#e0e8f8;box-shadow:0 8px 28px #123e8907}.job-card:hover{border-color:#aac4ff;box-shadow:0 10px 30px #0052ff0c}.job-card h3{color:#053072;font-size:17px}.job-icon,.metric-icon,.step-number{background:#eef3ff;color:#0052ff;border-radius:11px}.metric{border-radius:16px;border-color:#e0e8f8}.metric strong{color:#0957d0;font-size:31px}.metric-icon{background:#eef3ff}.btn{border-radius:999px;padding:10px 22px;min-height:42px;font-weight:600;font-size:14px}.btn-primary{background:#0957d0;color:#fff;box-shadow:0 5px 15px #0957d01c}.btn-primary:hover{background:#0046bc}.btn-secondary{color:#0957d0;border-color:#cfdfff;background:#fff}.btn-secondary:hover{background:#eef3ff}.btn-ghost{color:#0957d0}.btn-danger{color:#ad3434;background:#fff0f0}.inline-link,.section-heading a{color:#0052ff;font-size:13.5px}input,select,textarea{border-color:#dce6f7;border-radius:10px;background:#fff;font-size:14px;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#84acff;outline:3px solid #0052ff12}.badge{font-size:11.5px;padding:4px 10px}.badge.blue{background:#eef3ff;color:#0957d0}.badge.orange{background:#edf4ff;color:#285c9e}.tabs-trigger{font-size:13.5px}.tabs-trigger[data-state=active]{color:#0052ff;border-color:#0052ff}.alert{background:#f0f6ff;color:#355e91;border:1px solid #dce9ff;border-radius:12px;font-size:13.5px}.error{color:#bd4148}.help-card{background:#edf4ff;color:#355e91;border-color:#dce8ff;border-radius:16px}.help-card h3{color:#0957d0}.help-card p{font-size:13px}.admin-banner,.hero{background:linear-gradient(120deg,#e4f0ff,#f6faff);color:#053072;border:1px solid #d8e7fc}.admin-banner p,.hero p{color:#526f95;font-size:13.5px}.admin-banner h2,.hero h1{color:#0957d0}.hero .eyebrow{color:#0052ff}.progressbar div{background:linear-gradient(90deg,#8bbdff,#0052ff)}.toast{border-left-color:#0052ff;font-size:14px}.toast-viewport{font-family:Noto Sans Thai Looped Variable,sans-serif}.dark{--bg:#0e1c32;--card:#152941;--text:#e3edfb;--muted:#a1b3ce;--line:#2b435e;--soft:#1d3555;--blue:#88baff;--orange:#88baff}.dark body{background:radial-gradient(ellipse at 85% 0,#18375d,transparent 50%),var(--bg)}.dark .sidebar,.dark .topbar{background:#152941;border-color:#2b435e}.dark .brand strong,.dark .job-card h3,.dark h1,.dark h2,.dark h3{color:#dcecff}.dark .brand strong span,.dark .metric strong{color:#88baff}.dark .card,.dark .home-information-section,.dark .job-card{border-color:#2b435e}.dark .admin-banner,.dark .hero,.dark .home-information-section>header,.dark .home-information-warning>header{background:linear-gradient(105deg,#1a3658,#203f63);border-color:#2b435e}.dark .home-information-body a,.dark .home-information-section>header h2,.dark .inline-link,.dark .section-heading a{color:#9bc4ff}.dark .nav-item{color:#b6c8e0}.dark .nav-item.active,.dark .nav-item:hover{background:#203e63;color:#9bc4ff}.dark .btn-secondary,.dark input,.dark select,.dark textarea{background:#18314e;border-color:#355174;color:#dcecff}.dark .alert,.dark .bank-provider,.dark .help-card,.dark .job-icon,.dark .metric-icon,.dark .step-number{background:#1d3555;border-color:#2b435e;color:#b5d1f7}.dark .home-information-note,.dark .home-payment-message,.dark .topbar-title b{color:#b2c9e8}.dark .bank-provider strong{color:#b5d1f7}@media(max-width:580px){h1{font-size:26px}.home-information-section{border-radius:15px}.home-information-section>header{padding:17px 20px}.home-information-section>header h2{font-size:18px}.home-information-body{padding:20px;font-size:14.5px}.home-payment-message p:first-child{font-size:16px}}*{scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9}.dark *{scrollbar-color:#3b82f6 #0f1c30}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:9999px}.dark ::-webkit-scrollbar-track{background:#0f1c30}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb 50%,#1d4ed8);border-radius:9999px;border:1.5px solid #f1f5f9;box-shadow:inset 0 0 6px rgba(0,0,0,.15);-webkit-transition:all .2s ease;transition:all .2s ease}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#3b82f6 50%,#2563eb);border:1.5px solid #0f1c30}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0b,#ea580c 50%,#2563eb);border-color:#e2e8f0}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b 50%,#3b82f6);border-color:#1e293b}::-webkit-scrollbar-button{display:none!important;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}.sidebar{scrollbar-width:thin;scrollbar-color:#60a5fa88 transparent!important}.sidebar::-webkit-scrollbar{width:5px!important}.sidebar::-webkit-scrollbar-track{background:transparent!important}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#2563eb)!important;border-radius:9999px!important;border:none!important}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b 50%,#2563eb)!important}.dark .sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#2563eb)!important}