:root{--sidebar-width:260px;--sidebar-bg:#001a35}html{font-size:16px}body{background-color:#f8fafc;font-family:Sarabun,sans-serif}.card{border:none;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05)}.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transition:box-shadow .2s ease-in-out}.sidebar{background:linear-gradient(180deg,#002b5c,#001a35);left:0;min-height:100vh;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:1000}.sidebar .sidebar-brand{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:.75rem;padding:1.25rem 1.5rem}.sidebar .sidebar-brand h4{color:#fff;font-weight:600;margin:0}.sidebar .sidebar-nav{padding:1rem 0}.sidebar .sidebar-nav .nav-item{margin:.25rem .75rem}.sidebar .sidebar-nav .nav-item .nav-link{align-items:center;border-radius:.75rem;color:hsla(0,0%,100%,.7);display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease-in-out}.sidebar .sidebar-nav .nav-item .nav-link i{font-size:1.25rem}.sidebar .sidebar-nav .nav-item .nav-link:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.sidebar .sidebar-nav .nav-item .nav-link.active{background-color:#002b5c;color:#fff}.main-content{margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;padding:1.5rem}@media(max-width:991.98px){.main-content{margin-left:0;padding-top:calc(60px + 1.5rem)}}.page-header{margin-bottom:1.5rem}.page-header h1{color:#002b5c;font-family:Sarabun,sans-serif;font-size:1.75rem;font-weight:700;margin:0}.page-header .breadcrumb{margin:0}.page-header .breadcrumb .breadcrumb-item{font-size:.875rem}.page-header .breadcrumb .breadcrumb-item a{color:#64748b;-webkit-text-decoration:none;text-decoration:none}.page-header .breadcrumb .breadcrumb-item a:hover{color:#002b5c}.stats-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);padding:1.5rem}.stats-card .stats-icon{align-items:center;border-radius:.75rem;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stats-card .stats-icon.bg-primary-soft{background-color:rgba(0,43,92,.1);color:#002b5c}.stats-card .stats-icon.bg-success-soft{background-color:rgba(76,195,74,.1);color:#4cc34a}.stats-card .stats-icon.bg-warning-soft{background-color:rgba(245,158,11,.1);color:#f59e0b}.stats-card .stats-icon.bg-info-soft{background-color:rgba(13,161,228,.1);color:#0da1e4}.stats-card .stats-value{color:#001a35;font-size:1.75rem;font-weight:700;margin:0}.stats-card .stats-label{color:#64748b;font-size:.875rem;margin:0}.table-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);overflow:hidden}@media(max-width:767.98px){.table-stack thead{display:none}.table-stack tr{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;display:block;margin-bottom:1.5rem;padding:.5rem}.table-stack td{align-items:center;border-bottom:1px solid #f1f5f9!important;display:flex;justify-content:space-between;padding:.75rem 1rem!important;text-align:right}.table-stack td:last-child{border-bottom:none!important}.table-stack td:before{color:#64748b;content:attr(data-label);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-right:1rem;text-align:left;text-transform:uppercase}}.table{margin:0}.table thead{background-color:#f8fafc}.table thead th{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody td,.table thead th{border-bottom:1px solid #e2e8f0;padding:1rem}.table tbody td{vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#f8fafc}.form-label{color:#001a35;font-weight:500;margin-bottom:.5rem}.form-control,.form-select{border-color:#e2e8f0;border-radius:.75rem;padding:.625rem .875rem}.form-control:focus,.form-select:focus{border-color:#0da1e4;box-shadow:0 0 0 4px rgba(13,161,228,.15)}.btn{border-radius:.75rem;font-weight:500;padding:.625rem 1.25rem}.btn i{margin-right:.5rem}.btn-primary{background:linear-gradient(135deg,#4cc34a,#38a436);border:none;box-shadow:0 4px 12px rgba(76,195,74,.2)}.btn-primary:hover{background:linear-gradient(135deg,#5fc95d,#4cc34a);box-shadow:0 6px 16px rgba(76,195,74,.3);transform:translateY(-1px)}.badge{border-radius:.5rem;font-weight:500;padding:.375rem .75rem}@media print{.no-print,.sidebar{display:none!important}.main-content{margin-left:0!important;padding:0!important}.card{border:1px solid #e2e8f0!important;box-shadow:none!important}}.document-preview{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);padding:2rem}.document-preview .document-header{align-items:flex-start;border-bottom:2px solid #002b5c;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.document-preview .document-header .company-info h3{color:#002b5c;font-family:Sarabun,sans-serif;font-weight:800;margin-bottom:.5rem}.document-preview .document-header .company-info p{color:#64748b;font-size:.875rem;margin:0}.document-preview .document-header .company-logo{max-height:80px;max-width:120px;-o-object-fit:contain;object-fit:contain}.document-preview .document-title{margin-bottom:1.5rem;text-align:center}.document-preview .document-title h2{color:#001a35;font-size:1.5rem;font-weight:700;margin:0}.document-preview .document-title .document-number{color:#64748b;font-size:.875rem}.document-preview .document-table{margin-bottom:1.5rem}.document-preview .document-table th{background-color:#f8fafc}.document-preview .document-footer{margin-top:2rem}.document-preview .document-footer .signature-box{border:1px dashed #e2e8f0;border-radius:.75rem;min-height:100px;padding:1rem;text-align:center}.document-preview .document-footer .signature-box .signature-label{color:#64748b;font-size:.875rem;margin-top:.5rem}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.show{transform:translateX(0)}.sidebar-overlay{background-color:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.show{display:block}}.scaling-container{background:#f1f5f9;display:flex;justify-content:center;overflow:hidden;padding:1rem 0;width:100%}.scaling-container .scaling-content{transform-origin:top center;transition:transform .2s ease-out}@media print{.breadcrumb,.btn:not(.print-visible),.card:has(.no-print),.mobile-navbar,.no-print,.page-header,.sidebar,.sidebar-overlay,.sidebar-toggle{display:none!important}.main-content{margin:0!important;padding-left:0!important;padding-top:0!important;width:100%!important}.main-content,body,html{background:#fff!important}.app-wrapper,.scaling-container{display:block!important}.scaling-container{background:transparent!important;height:auto!important;overflow:visible!important;padding:0!important}.scaling-content{display:block!important;transform:none!important}}.auth-layout[data-v-3154fdae]{align-items:center;background:radial-gradient(circle at top left,#004085,transparent),radial-gradient(circle at bottom right,#001a35,transparent),#002b5c;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.auth-layout[data-v-3154fdae]:after,.auth-layout[data-v-3154fdae]:before{border-radius:50%;content:"";filter:blur(80px);height:300px;opacity:.15;position:absolute;width:300px;z-index:0}.auth-layout[data-v-3154fdae]:before{background:#0f8;left:-100px;top:-100px}.auth-layout[data-v-3154fdae]:after{background:#0cf;bottom:-100px;right:-100px}.auth-container[data-v-3154fdae]{max-width:420px;position:relative;width:100%;z-index:1}.mobile-navbar[data-v-345f035c]{background:#002b5c;box-shadow:0 2px 10px rgba(0,0,0,.2);display:none;height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1050}@media(max-width:991.98px){.mobile-navbar[data-v-345f035c]{display:block}}.navbar-content[data-v-345f035c]{height:100%;justify-content:space-between}.menu-toggle[data-v-345f035c],.navbar-content[data-v-345f035c]{align-items:center;display:flex}.menu-toggle[data-v-345f035c]{background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;height:40px;justify-content:center;transition:all .2s;width:40px}.menu-toggle i[data-v-345f035c]{font-size:1.5rem}.menu-toggle[data-v-345f035c]:active{background:hsla(0,0%,100%,.2);transform:scale(.95)}.navbar-brand[data-v-345f035c]{align-items:center;display:flex;gap:.75rem}.navbar-brand .nav-logo[data-v-345f035c]{height:32px;width:auto}.navbar-brand .nav-title[data-v-345f035c]{color:#002b5c;font-family:Sarabun,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:-.5px}.navbar-spacer[data-v-345f035c]{width:40px}.sidebar-logo[data-v-ef2590a2]{border-radius:8px;height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.brand-text[data-v-ef2590a2]{color:#fff;font-family:Sarabun,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.nav-divider[data-v-ef2590a2]{border-top:1px solid hsla(0,0%,100%,.1)}