@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap);.eservice-container{padding:15px 25px;font-family:Sarabun,Roboto,sans-serif;color:#2c3e50}.eservice-header-card{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;padding:20px 24px;color:#fff;margin-bottom:20px;box-shadow:0 4px 15px rgba(30,60,114,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:15px;gap:15px}.eservice-header-title{margin:0;font-size:22px;font-weight:600;display:flex;align-items:center;grid-gap:10px;gap:10px}.eservice-header-subtitle{margin:5px 0 0;font-size:13px;opacity:.85}.eservice-dept-tabs{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap;margin-bottom:20px;background:#f8fafc;padding:8px;border-radius:10px;border:1px solid #e2e8f0}.eservice-dept-tab{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.eservice-dept-tab:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.eservice-dept-tab.active{background:#1e3c72;color:#fff;border-color:#1e3c72;box-shadow:0 3px 10px rgba(30,60,114,.25)}.eservice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:15px;gap:15px;margin-bottom:20px}.eservice-stat-card{background:#fff;border-radius:10px;padding:15px 18px;border-left:4px solid #cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:transform .2s}.eservice-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.eservice-stat-card.all{border-left-color:#3b82f6}.eservice-stat-card.pending{border-left-color:#ef4444}.eservice-stat-card.received{border-left-color:#f59e0b}.eservice-stat-card.inprogress{border-left-color:#0284c7}.eservice-stat-card.completed{border-left-color:#10b981}.eservice-stat-label{font-size:13px;color:#64748b;font-weight:500}.eservice-stat-value{font-size:26px;font-weight:700;color:#0f172a;margin-top:4px}.eservice-filter-card{background:#fff;border-radius:10px;padding:18px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e2e8f0}.eservice-badge{display:inline-flex;align-items:center;grid-gap:5px;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.eservice-badge.status-0{background:#fee2e2;color:#b91c1c}.eservice-badge.status-1{background:#fef3c7;color:#b45309}.eservice-badge.status-2,.eservice-badge.status-3{background:#e0f2fe;color:#0369a1}.eservice-badge.status-4{background:#f1f5f9;color:#475569}.eservice-badge.status-5{background:#dcfce7;color:#15803d}.eservice-sla-badge{display:inline-block;background:#f1f5f9;color:#475569;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;border:1px solid #e2e8f0}.eservice-timeline-wrapper{justify-content:space-between;padding:20px 10px;background:#f8fafc;border-radius:12px;margin-bottom:20px;overflow-x:auto}.eservice-step-item,.eservice-timeline-wrapper{display:flex;align-items:center;position:relative}.eservice-step-item{flex-direction:column;text-align:center;z-index:1;min-width:140px}.eservice-step-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#e2e8f0;color:#94a3b8;border:3px solid #cbd5e1;transition:all .3s ease;margin-bottom:8px}.eservice-step-circle.active-0{background:#ef4444;color:#fff;border-color:#b91c1c;box-shadow:0 0 0 4px rgba(239,68,68,.2)}.eservice-step-circle.active-1{background:#f59e0b;color:#fff;border-color:#d97706;box-shadow:0 0 0 4px rgba(245,158,11,.2)}.eservice-step-circle.active-2{background:#0284c7;color:#fff;border-color:#0369a1;box-shadow:0 0 0 4px rgba(2,132,199,.2)}.eservice-step-circle.active-5{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 0 0 4px rgba(16,185,129,.2)}.eservice-step-title{font-size:13px;font-weight:600;color:#1e293b}.eservice-step-date{font-size:11px;color:#64748b;margin-top:2px}.eservice-step-user{font-size:11px;color:#0284c7;font-weight:500}.eservice-step-arrow{flex:1 1;height:3px;background:#cbd5e1;position:relative;margin:0 10px 45px}.eservice-step-arrow.completed{background:#10b981}.eservice-tech-box{background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:16px 20px;background:linear-gradient(90deg,#eff6ff,#f8fafc);margin-top:15px}.eservice-bell-wrapper{position:relative;display:inline-block}.eservice-bell-btn{position:relative;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.16);color:#fff;border:1px solid hsla(0,0%,100%,.35);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.eservice-bell-btn:hover{background:hsla(0,0%,100%,.28);transform:translateY(-1px)}.eservice-bell-btn.has-unread{background:rgba(254,242,242,.96);color:#b91c1c;border-color:#fca5a5;box-shadow:0 4px 12px rgba(239,68,68,.35)}.eservice-bell-btn.has-unread:hover{background:#fff}@keyframes eservice-bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(4deg)}}.eservice-bell-icon-ring{animation:eservice-bell-ring 2s infinite;color:#dc2626}.eservice-bell-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 5px rgba(239,68,68,.45)}.eservice-bell-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.45);z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px}.eservice-bell-dropdown{position:relative;width:520px;max-width:94vw;background:#fff;color:#1e293b;border-radius:14px;box-shadow:0 20px 45px rgba(15,23,42,.3);border:1px solid #e2e8f0;z-index:1055;overflow:hidden}.eservice-bell-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.eservice-bell-list{max-height:60vh;overflow-y:auto}.eservice-bell-item{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:10px;gap:10px;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.eservice-bell-item:hover{background:#eff6ff}.eservice-bell-item:last-child{border-bottom:none}.eservice-bell-dismiss-btn{background:transparent;border:none;color:#94a3b8;font-size:16px;line-height:1;padding:4px 6px;border-radius:6px;cursor:pointer}.eservice-bell-dismiss-btn:hover{background:#fee2e2;color:#dc2626}body{box-sizing:border-box;color:#220f5f;font-family:Poppins,sans-serif}.container{width:100%;max-width:800px;padding:0 10px;margin:0 auto}.title{text-align:center;font-size:26px;margin-bottom:30px}.container table{border-collapse:collapse;width:100%}.container tr th{font-size:16px;padding:12px;background-color:rgba(217,221,146,.2)}.container tr td,.container tr th{border:1px solid #eee;text-align:left}input{font-size:14px;background-color:initial;border:none;width:91%;padding:12px;font-family:Sarabun,sans-serif}input:hover{background-color:#fffaf3}input:focus{outline:1px solid #ccc;border:1px solid #ccc}@media print{.main-panel>.navbar,.modal,.navbar,.no-print,.sidebar,button,footer{display:none!important}body,html{background-color:#fff!important}.main-panel,body,html{overflow:visible!important;height:auto!important}.main-panel{width:100%!important;float:none!important}}body>iframe{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;opacity:0!important;border:none!important;background:transparent!important;z-index:-1!important}label{color:#000!important}::-webkit-input-placeholder{color:#d3d3d3!important}::-moz-placeholder{color:#d3d3d3!important}::-ms-placeholder{color:#d3d3d3!important}::placeholder{color:#d3d3d3!important}
/*!

 =========================================================
 * Material Dashboard React - v1.8.0 based on Material Dashboard - v1.2.0
 =========================================================

 * Product Page: http://www.creative-tim.com/product/material-dashboard-react
 * Copyright 2019 Creative Tim (http://www.creative-tim.com)
 * Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-react/blob/master/LICENSE.md)

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */.ct-grid{stroke:hsla(0,0%,100%,.2);stroke-width:1px;stroke-dasharray:2px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:hsla(0,0%,100%,.8)}.ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label{color:hsla(0,0%,100%,.7)}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:flex}.ct-label{fill:rgba(0,0,0,.4);line-height:1}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.badge,.btn,.card,.form-control,.form-select,.modal,.table,body,button,input,optgroup,select,textarea{font-family:Sarabun,sans-serif}.fa,.fa:after,.fa:before,.fab,.fab:after,.fab:before,.fad,.fad:after,.fad:before,.fal,.fal:after,.fal:before,.far,.far:after,.far:before,.fas,.fas:after,.fas:before,[class*=" fa-"],[class*=" fa-"]:before,[class^=fa-],[class^=fa-]:before{font-family:Font Awesome\ 5 Free,Font Awesome\ 6 Free,FontAwesome!important}.fab,.fab:after,.fab:before{font-family:Font Awesome\ 5 Brands,Font Awesome\ 6 Brands!important}.far,.far:after,.far:before{font-family:Font Awesome\ 5 Free,Font Awesome\ 6 Free!important;font-weight:400!important}.fa,.fa:after,.fa:before,.fas,.fas:after,.fas:before{font-family:Font Awesome\ 5 Free,Font Awesome\ 6 Free!important;font-weight:900!important}.material-icons,.material-icons:before{font-family:Material Icons!important}body{margin:0;font-family:Sarabun,sans-serif;font-weight:300;line-height:1.5em}blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}small{font-size:80%}h1{font-size:3em;line-height:1.15em}h2{font-size:2.4em}h3{font-size:1.825em;margin:20px 0 10px}h3,h4{line-height:1.4em}h4{font-size:1.3em}h5{font-size:1.25em;line-height:1.4em;margin-bottom:15px}h6{font-size:1em;text-transform:uppercase;font-weight:500}body{background-color:#eee;color:#3c4858}blockquote p{font-style:italic}body,h1,h2,h3,h4,h5,h6{font-family:Sarabun,sans-serif;font-weight:300;line-height:1.5em}a{color:#9c27b0}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{color:#89229b}legend{border-bottom:0}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}:focus{outline:0}a:active,a:focus,button::-moz-focus-inner,button:active,button:focus,button:hover,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,select::-moz-focus-inner{outline:0!important}legend{margin-bottom:20px;font-size:21px}output{padding-top:8px}label,output{font-size:14px;line-height:1.42857}label{color:#aaa;font-weight:400}footer{padding:15px 0}footer ul{margin-bottom:0;padding:0;list-style:none}footer ul li{display:inline-block}footer ul li a{color:inherit;padding:15px;font-weight:500;font-size:12px;text-transform:uppercase;border-radius:3px;position:relative;display:block}footer ul li a,footer ul li a:hover{text-decoration:none}@media (max-width:991px){body,html{position:relative;overflow-x:hidden}#bodyClick{height:100%;width:100%;position:fixed;opacity:0;top:0;left:auto;right:260px;content:"";z-index:9999;overflow-x:hidden}}.fixed-plugin{font-family:Sarabun,sans-serif;font-weight:300;line-height:1.5em;position:fixed;top:180px;right:0;width:64px;background:rgba(0,0,0,.3);z-index:1031;border-radius:8px 0 0 8px;text-align:center;top:120px;.badge-primary-background-color:#9c27b0}.fixed-plugin .github-btn,.fixed-plugin .SocialMediaShareButton{display:inline-block}.fixed-plugin .badge,.fixed-plugin li>a{transition:all .34s;-webkit-transition:all .34s;-moz-transition:all .34s;text-decoration:none}.fixed-plugin .fa-cog{color:#fff;padding:10px;border-radius:0 0 6px 6px;width:auto}.fixed-plugin .dropdown-menu{right:80px;left:auto;width:290px;border-radius:.1875rem;padding:0 10px;position:absolute;color:rgba(0,0,0,.87);display:inline-block;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);background:#fff;border-radius:3px}.fixed-plugin .fa-circle-thin{color:#fff}.fixed-plugin .active .fa-circle-thin{color:#0bf}.fixed-plugin .dropdown-menu>.active>a,.fixed-plugin .dropdown-menu>.active>a:focus,.fixed-plugin .dropdown-menu>.active>a:hover{color:#777;text-align:center}.fixed-plugin img{border-radius:0;width:100%;height:100px;margin:0 auto}.fixed-plugin .dropdown-menu li>a:focus,.fixed-plugin .dropdown-menu li>a:hover{box-shadow:none}.fixed-plugin .badge{border:3px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:23px;margin-right:5px;position:relative;width:23px;background-color:rgba(30,30,30,.97)}.fixed-plugin .badge.active,.fixed-plugin .badge:hover{border-color:#0bf}.fixed-plugin .badge-purple{background-color:#9c27b0}.fixed-plugin .badge-blue{background-color:#00bcd4}.fixed-plugin .badge-green{background-color:#4caf50}.fixed-plugin .badge-orange{background-color:#ff9800}.fixed-plugin .badge-red{background-color:#f44336}.fixed-plugin h5{font-size:14px;margin:10px}.fixed-plugin .dropdown-menu li{display:block;padding:4px 0;width:25%;float:left}.fixed-plugin li.adjustments-line,.fixed-plugin li.button-container,.fixed-plugin li.header-title{width:100%;height:50px;min-height:inherit;padding:0;text-align:center}.fixed-plugin li.adjustments-line p{margin:0}.fixed-plugin li.adjustments-line div,.fixed-plugin li.button-container div,.fixed-plugin li.header-title div{margin-bottom:5px}.fixed-plugin li.header-title{height:30px;line-height:25px;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.fixed-plugin .adjustments-line p{float:left;display:inline-block;margin-bottom:0;font-size:1em;color:#3c4858}.fixed-plugin .adjustments-line a{color:transparent}.fixed-plugin .adjustments-line a .badge-colors{position:relative;top:-2px}.fixed-plugin .adjustments-line a a:focus,.fixed-plugin .adjustments-line a a:hover{color:transparent}.fixed-plugin .adjustments-line .dropdown-menu>li.adjustments-line>a{padding-right:0;padding-left:0;border-bottom:1px solid #ddd;border-radius:0;margin:0}.fixed-plugin .dropdown-menu>li>a.img-holder{font-size:16px;text-align:center;border-radius:10px;background-color:#fff;border:3px solid #fff;opacity:1;cursor:pointer;display:block;max-height:100px;overflow:hidden;padding:0}.fixed-plugin .dropdown-menu>li>a.img-holder img{margin-top:auto}.fixed-plugin .dropdown-menu>li:focus>a.img-holder,.fixed-plugin .dropdown-menu>li:hover>a.img-holder{border-color:rgba(0,187,255,.53)}.fixed-plugin .dropdown-menu>.active>a.img-holder{border-color:#0bf;background-color:#fff}.fixed-plugin .dropdown .dropdown-menu{transform:translateY(-15%);top:27px;opacity:0;transform-origin:0 0;display:none}.fixed-plugin .dropdown .dropdown-menu:before{border-bottom:.4em solid transparent;border-left:.4em solid rgba(0,0,0,.2);border-top:.4em solid transparent;right:-16px;top:46px}.fixed-plugin .dropdown .dropdown-menu:after{border-bottom:.4em solid transparent;border-left:.4em solid #fff;border-top:.4em solid transparent;right:-16px}.fixed-plugin .dropdown .dropdown-menu:after,.fixed-plugin .dropdown .dropdown-menu:before{content:"";display:inline-block;position:absolute;top:46px;width:16px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.fixed-plugin .dropdown.show .dropdown-menu{display:block;visibility:visible;opacity:1;transform:translateY(-13%);transform-origin:0 0}.fixed-plugin.rtl-fixed-plugin{right:auto;left:0;border-radius:0 8px 8px 0}.fixed-plugin.rtl-fixed-plugin .dropdown-menu{right:auto;left:80px}*{letter-spacing:normal!important}@media only screen and (max-width:567px){.canvas-container{height:80vh}}@media only screen and (min-width:568px) and (max-width:1800px){.canvas-container{height:50vh}}
/*# sourceMappingURL=main.36cb2011.chunk.css.map */