:root{--vts-blue:#1769e8;--vts-sky:#38c8ff;--vts-navy:#0b2552;--vts-ink:#132a4f;--vts-bg:#f4f9ff;--vts-card:#fff;--vts-border:#dbeafe;--vts-soft:#eaf7ff;--vts-mint:#15b993;--vts-purple:#7759e8;--vts-shadow:0 18px 45px rgba(15,79,145,.10)}
html,body{font-family:Inter,Roboto,Arial,sans-serif!important;background:var(--vts-bg)!important;color:var(--vts-ink)}
body{letter-spacing:0!important}
a{color:var(--vts-blue)}
.btn-primary,.bg-primary,.btn-success{background:linear-gradient(135deg,var(--vts-blue),#0d8ff5)!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(23,105,232,.18)}
.btn-primary:hover,.btn-success:hover{transform:translateY(-1px);filter:brightness(1.03)}
.card,.custom-card,.dropdown-menu,.modal-content{border:1px solid var(--vts-border)!important;border-radius:20px!important;box-shadow:var(--vts-shadow)!important;background:#fff}
.card-header{background:linear-gradient(180deg,#fff,#f8fcff)!important;border-bottom:1px solid #e5f1fb!important;border-radius:20px 20px 0 0!important}
.form-control,.form-select,.choices__inner,.select2-container .select2-selection--single{border:1px solid #cfe2f3!important;border-radius:13px!important;min-height:46px;background:#fff!important;color:var(--vts-ink)!important;box-shadow:none!important}
.form-control:focus,.form-select:focus{border-color:#51bff8!important;box-shadow:0 0 0 4px rgba(56,200,255,.12)!important}
.table{--bs-table-striped-bg:#f8fbff}.table thead th{background:#eef7ff!important;color:#164278!important;border-bottom:0!important;font-weight:800}.table tbody tr{border-color:#e8f1f8}.table tbody tr:hover{background:#f5fbff}
.page-title,.card-title{color:var(--vts-navy)!important;font-weight:800!important}
.text-primary{color:var(--vts-blue)!important}.bg-primary-transparent{background:#eaf6ff!important}
.app-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dbeafe!important;box-shadow:0 8px 28px rgba(18,71,125,.08);backdrop-filter:blur(14px)}
.header-logo img{max-height:46px!important;width:auto!important}.horizontal-logo .header-logo{display:flex;align-items:center;gap:8px}
.app-sidebar{background:linear-gradient(180deg,#0b2d64 0%,#0d5fcf 52%,#0877d9 100%)!important;border-right:0!important;box-shadow:18px 0 45px rgba(9,58,118,.13)}
.main-sidebar-header{height:82px!important;background:rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.12)}
.main-sidebar-header .header-logo img{width:178px!important;max-height:58px!important;object-fit:contain;background:#fff;border-radius:14px;padding:6px}
.app-sidebar .category-name{color:#a9dfff!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.3px!important}.app-sidebar .side-menu__item{margin:5px 12px!important;border-radius:14px!important;color:#eef9ff!important;padding:12px 14px!important}.app-sidebar .side-menu__item:hover{background:rgba(255,255,255,.11)!important}.app-sidebar .side-menu__item.active,.app-sidebar .side-menu__item:focus{background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;color:#fff!important;box-shadow:inset 3px 0 0 #5cdbff}.app-sidebar .side-menu__label{font-weight:700!important}.app-sidebar .side-menu__item img{width:25px!important;height:25px!important;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.main-content.app-content{padding-top:22px!important}.page-header-breadcrumb{background:linear-gradient(135deg,#0d58c9,#20bdf5)!important;border-radius:24px!important;padding:28px 30px!important;color:#fff!important;margin-bottom:20px!important;box-shadow:0 18px 40px rgba(20,105,214,.18)}.page-header-breadcrumb .breadcrumb,.page-header-breadcrumb .page-title{color:#fff!important}.page-header-breadcrumb a{color:#dff7ff!important}
.custom-card{overflow:hidden}.custom-card .card-body{padding:22px!important}.avatar{border-radius:15px!important}.bg-success-gradient,.bg-danger-gradient,.bg-primary-gradient{background:linear-gradient(135deg,#38c8ff,#1769e8)!important}
.chart-container{background:#f8fcff;border-radius:18px;padding:10px}
.footer{background:#fff!important;border-top:1px solid #dbeafe!important}.footer .copyright p{color:#71829b!important}.footer .copyright a{color:var(--vts-blue)!important;font-weight:800}
.deznav{background:linear-gradient(180deg,#082452,#0b67d7)!important}.deznav .metismenu>li>a{border-radius:13px!important;margin:3px 10px!important;color:#eaf7ff!important}.deznav .metismenu>li>a:hover,.deznav .metismenu>li.mm-active>a{background:rgba(255,255,255,.12)!important;color:#fff!important}.deznav .menu-title{color:#8fdcff!important;letter-spacing:1.2px;font-weight:800}.deznav .menu-icon img{width:24px;height:24px;filter:brightness(0) invert(1);object-fit:contain}.nav-header{background:#fff!important;border-bottom:1px solid #dbeafe!important;box-shadow:0 10px 28px rgba(18,71,125,.08)}.nav-header .brand-logo{display:flex!important;align-items:center!important;gap:8px}.nav-header .brand-logo:after{content:'VTSMM CONTROL';font-size:13px;font-weight:900;letter-spacing:1.1px;color:#12315f}.nav-header .logo-abbr,.nav-header .brand-title{display:none!important}.header{background:#fff!important;border-bottom:1px solid #edf5fb!important}.header-profile2 .header-media img{border:3px solid #d8f3ff!important}.header-info2 h6{color:#12315f!important}.header-info2 p{color:#7b8da6!important}
/* Client dashboard refresh */
.main-content .row .custom-card h4{font-size:26px!important;color:#102b55}.main-content .custom-card .text-muted{color:#6b819c!important}.main-content .custom-card{position:relative}.main-content .custom-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#27c7ff,#1769e8);opacity:.9}
/* Order/service controls */
.new_order .social-btn{background:#fff!important;border:1px solid #d9ebf8!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(22,87,138,.06)!important}.new_order .social-btn.active{border-color:#36c7ff!important;box-shadow:0 0 0 4px rgba(54,199,255,.11)!important}.new_order .social-media-img{width:34px!important;height:34px!important;object-fit:contain}.accordion-item,.list-group-item{border-color:#e1eef8!important}.accordion-button{background:#f8fcff!important;color:#143660!important;font-weight:700}
/* Admin content */
#main-wrapper{background:#f4f9ff!important}.content-body{background:transparent!important}.content-body .page-titles{background:linear-gradient(135deg,#0d58c9,#20bdf5);border-radius:22px;padding:20px 24px;margin:20px 20px 22px!important;box-shadow:0 15px 35px rgba(18,101,208,.15)}.content-body .page-titles *{color:#fff!important}.content-body .container-fluid{padding:0 20px 25px!important}.content-body .card{border-radius:20px!important}.content-body .btn-primary{background:linear-gradient(135deg,#1769e8,#20bdf5)!important}.content-body .table-responsive{border-radius:16px;overflow:auto}
/* Auth */
.vts-auth{min-height:100vh;background:radial-gradient(circle at 10% 10%,#b9f0ff 0,#eefaff 32%,#f6fbff 60%,#eaf5ff 100%);position:relative;overflow:hidden}.vts-auth:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:#29c7ff;opacity:.12;right:-160px;top:-160px}.vts-auth:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:#1769e8;opacity:.08;left:-120px;bottom:-130px}.vts-auth-shell{position:relative;z-index:2;width:min(1120px,94vw);min-height:660px;background:#fff;border:1px solid #d7ecf9;border-radius:34px;box-shadow:0 30px 90px rgba(15,76,132,.16);display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden}.vts-auth-art{background:linear-gradient(145deg,#082f72,#0d6bd9 65%,#31cdfa);padding:54px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative}.vts-auth-art:after{content:'';position:absolute;inset:auto -100px -160px auto;width:420px;height:420px;border-radius:50%;border:70px solid rgba(255,255,255,.08)}.vts-auth-logo{width:230px;height:auto}.vts-auth-art h1{font-size:44px;line-height:1.08;font-weight:900;max-width:470px;margin:20px 0 16px}.vts-auth-art p{font-size:17px;line-height:1.75;color:#dff7ff;max-width:470px}.vts-auth-art img{width:100%;max-width:440px;margin:10px auto 0;filter:drop-shadow(0 25px 30px rgba(0,0,0,.16))}.vts-auth-form{padding:54px 58px;display:flex;flex-direction:column;justify-content:center}.vts-auth-form h2{font-size:32px;font-weight:900;color:#0c2c59;margin-bottom:8px}.vts-auth-form .lead{color:#72869f;margin-bottom:28px}.vts-auth-form label{font-size:13px;font-weight:800;color:#254568;margin-bottom:7px}.vts-auth-form .form-control{height:50px!important;padding:0 15px!important;border-radius:14px!important}.vts-auth-form .vts-btn{height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#1769e8,#20bdf5);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(23,105,232,.2)}.vts-auth-form .vts-btn:hover{transform:translateY(-1px)}.vts-auth-meta{display:flex;justify-content:space-between;gap:12px;color:#71849b;font-size:13px;margin:10px 0 20px}.vts-auth-meta a{font-weight:800}.vts-captcha{background:#f5fbff;border:1px dashed #b9dff2;border-radius:14px;padding:12px;display:flex;justify-content:center;margin:4px 0 18px}.vts-auth-alt{text-align:center;color:#7b8ea4;font-size:14px;margin-top:18px}.vts-auth-alt a{font-weight:900}.vts-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;width:max-content}.vts-auth-error{color:#d9534f;font-size:13px}
@media(max-width:900px){.vts-auth-shell{grid-template-columns:1fr;max-width:620px}.vts-auth-art{display:none}.vts-auth-form{padding:38px 28px}.vts-auth-form h2{font-size:28px}}
@media(max-width:575px){.vts-auth-shell{border-radius:22px}.vts-auth-form{padding:28px 20px}.page-header-breadcrumb{padding:22px!important}.content-body .page-titles{margin:14px!important}.content-body .container-fluid{padding:0 14px 20px!important}}
