:root{
  --premium-bg:#F6F3F7;
  --premium-surface:#FFFFFF;
  --premium-surface-2:#FBF9FC;
  --premium-ink:#27212D;
  --premium-muted:#7A7080;
  --premium-muted-2:#A197A6;
  --premium-line:#E8E0EB;
  --premium-line-strong:#DDD4E0;
  --premium-sidebar:#21182A;
  --premium-sidebar-2:#2A1E35;
  --premium-primary:#7C5CFC;
  --premium-primary-dark:#6246D9;
  --premium-primary-soft:#F0ECFF;
  --premium-coral:#F28C76;
  --premium-coral-soft:#FFF0EC;
  --premium-sage:#6FAF95;
  --premium-sage-soft:#EAF6F0;
  --premium-danger:#C85264;
  --premium-danger-soft:#FDECEF;
  --premium-warning:#B56A45;
  --premium-warning-soft:#FFF1E8;
  --premium-shadow:0 12px 36px rgba(53,37,62,.08);
  --premium-shadow-sm:0 5px 18px rgba(53,37,62,.07);
}
html{background:var(--premium-bg)}
body{font-family:'DM Sans',Arial,sans-serif!important;background:var(--premium-bg)!important;color:var(--premium-ink)!important;font-feature-settings:"ss01" 1,"ss03" 1}
button,input,select,textarea{font-family:'DM Sans',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,.page-title,.topbar-title,.card-title,.kpi-value,.auth-title,.brand,.brand-logo,.sidebar-logo{font-family:'Outfit','DM Sans',Arial,sans-serif!important}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sidebar{background:linear-gradient(180deg,var(--premium-sidebar) 0%,#19121F 100%)!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:10px 0 30px rgba(36,23,45,.08)}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}
.sidebar-logo{min-height:72px;padding:17px 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;letter-spacing:-.45px!important;font-size:21px!important;display:flex!important;align-items:center!important;gap:11px!important}
.sidebar-logo img{width:36px!important;height:36px!important;border-radius:12px;box-shadow:0 9px 24px rgba(124,92,252,.28)}
.sidebar-logo .brand-word,.sidebar-logo>span{color:#fff!important}
.portal-sidebar-logo{display:block!important}.portal-sidebar-logo .sidebar-logo-main{display:flex!important;align-items:center!important;gap:11px!important}.portal-sidebar-logo small{margin-left:47px!important;margin-top:-5px!important;color:#91859A!important}.sidebar-logo strong{color:#D9CFFF!important;font-weight:700!important}
.nav-section-title{color:#8F8298!important;font-size:9px!important;letter-spacing:1.65px!important;padding:17px 18px 6px!important}
.nav-item{margin:2px 10px;padding:10px 11px!important;border-radius:10px;border-left:0!important;color:#C8BECE!important;gap:10px!important;font-weight:500}
.nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.nav-item.active{background:linear-gradient(135deg,rgba(124,92,252,.27),rgba(124,92,252,.12))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(190,175,255,.11)}
.nav-item.active .ui-vector-icon,.nav-item.active .nav-icon{color:#CBBEFF!important}
.nav-icon{font-size:0!important}
.nav-sub{margin:1px 10px 1px 22px;padding:8px 11px!important;border-radius:9px!important;color:#AFA3B7!important;gap:8px!important}
.nav-sub:hover,.nav-sub.active{background:rgba(255,255,255,.055);color:#fff!important}
.nav-chevron{color:#817589!important}.nav-logout{width:calc(100% - 20px)!important;margin:8px 10px 14px!important;color:#BEB2C5!important}
.topbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--premium-line)!important;box-shadow:0 2px 16px rgba(53,37,62,.035)}
.topbar-title{color:var(--premium-ink)!important;font-weight:650!important;letter-spacing:-.25px}
.topbar-search,.topbar-note{background:#F2EEF4!important;border:1px solid transparent!important;border-radius:11px!important;color:var(--premium-ink)!important;box-shadow:none!important}
.topbar-search::placeholder{color:#9A8FA0!important}.topbar-search:focus{background:#fff!important;border-color:#CFC1FF!important;box-shadow:0 0 0 3px rgba(124,92,252,.10)!important}
.topbar-note{color:var(--premium-muted)!important}.topbar-right .user-name{color:var(--premium-ink)!important;font-weight:600}.topbar-right .user-role{color:var(--premium-muted)!important}
.user-avatar{background:linear-gradient(145deg,#EFEAFF,#E6DFFF)!important;color:#6549D8!important;border:1px solid #D9D0FF!important}
.notif-bell{color:#655C6B!important}.notif-bell:hover{color:var(--premium-primary)!important}.notif-badge{background:var(--premium-coral)!important;color:#fff!important;border:2px solid #fff!important;width:18px!important;height:18px!important}
.notif-dropdown{border:1px solid var(--premium-line)!important;border-radius:16px!important;box-shadow:var(--premium-shadow)!important}.notif-head{background:var(--premium-surface-2)!important;color:var(--premium-ink)!important;border-color:var(--premium-line)!important}
.notif-item{border-color:var(--premium-line)!important;color:var(--premium-ink)!important}.notif-item:hover{background:#F8F5FA!important}.notif-item.unread{border-left-color:var(--premium-primary)!important}.notif-title{color:var(--premium-ink)!important}.notif-message{color:var(--premium-muted)!important}.notif-time{color:var(--premium-muted-2)!important}
.content{background:radial-gradient(circle at 100% 0%,rgba(124,92,252,.055),transparent 30%),var(--premium-bg)!important}
.breadcrumb{color:#968C9C!important}.breadcrumb span,.breadcrumb a{color:#6755B9!important}.page-header{margin-bottom:22px!important}.page-title{color:var(--premium-ink)!important;font-weight:650!important;letter-spacing:-.55px!important}.page-subtitle{color:var(--premium-muted)!important}
.card,.form-section,.kpi-card,.filter-bar,.modal-content,.modal-card,.detail-card{background:rgba(255,255,255,.96)!important;border:1px solid var(--premium-line)!important;border-radius:16px!important;box-shadow:var(--premium-shadow-sm)!important}
.card{overflow:hidden!important}.card-header{padding:15px 18px!important;border-color:var(--premium-line)!important;background:linear-gradient(180deg,#fff,#FDFBFD)!important}.card-title{color:var(--premium-ink)!important;font-weight:650!important;letter-spacing:-.15px}.card-body{color:var(--premium-ink)}
.kpi-card{position:relative;overflow:hidden;padding:18px!important;transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--premium-shadow)!important}.kpi-card:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;right:-20px;top:-22px;background:rgba(124,92,252,.055)}
.kpi-icon{width:46px!important;min-width:46px!important;height:46px!important;border-radius:14px!important;background:var(--premium-primary-soft)!important;color:var(--premium-primary)!important;font-size:0!important}.kpi-icon .ui-vector-icon{width:21px;height:21px;font-size:21px}
.kpi-value{color:var(--premium-ink)!important;font-weight:650!important;letter-spacing:-.5px}.kpi-label{color:var(--premium-muted)!important}
.btn,.fab{border-radius:10px!important;font-weight:600!important;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important}.btn:hover,.fab:hover{transform:translateY(-1px)}
.btn-primary,.btn-gold,.fab{background:var(--premium-primary)!important;color:#fff!important;border:1px solid var(--premium-primary)!important;box-shadow:0 7px 16px rgba(124,92,252,.18)!important}.btn-primary:hover,.btn-gold:hover,.fab:hover{background:var(--premium-primary-dark)!important;border-color:var(--premium-primary-dark)!important}
.btn-outlined,.btn-outline{background:#fff!important;color:#5F4DB1!important;border:1px solid #D8CEEA!important;box-shadow:none!important}.btn-outlined:hover,.btn-outline:hover{background:#F5F1FF!important;border-color:#BEAEF5!important}.btn-grey{background:#EEE9F0!important;color:#5E5564!important;border:1px solid #E3DBE6!important}.btn-green{background:#4D9A7C!important}.btn-red{background:var(--premium-danger)!important}.btn-sm{border-radius:8px!important}
.form-section{overflow:hidden}.form-section-header{background:linear-gradient(90deg,#F4F0FF,#FBF9FD)!important;border-left:0!important;border-bottom:1px solid #E6DDF2!important;color:#5D48B9!important;padding:12px 16px!important;font-weight:650!important}
.form-label,.info-key{color:#746A79!important;font-weight:650!important;letter-spacing:.45px!important}.form-hint{color:#9D93A2!important}
.form-input,.form-select,.form-textarea,.filter-input,.filter-select,.select2-selection,.dataTables_filter input,.dataTables_length select{border:1px solid var(--premium-line-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--premium-ink)!important;box-shadow:none!important;min-height:38px}
.form-input:focus,.form-select:focus,.form-textarea:focus,.filter-input:focus,.filter-select:focus,.select2-container--focus .select2-selection{outline:none!important;border-color:#B9A8FF!important;box-shadow:0 0 0 3px rgba(124,92,252,.10)!important}.form-input.auto{background:#F4F0F5!important;color:#918696!important}.req{color:var(--premium-coral)!important}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border-radius:10px!important;border-color:var(--premium-line-strong)!important}.select2-dropdown{border-color:var(--premium-line)!important;border-radius:12px!important;box-shadow:var(--premium-shadow-sm)!important;overflow:hidden}.select2-results__option--highlighted{background:var(--premium-primary)!important}
.data-table,.dataTables_wrapper{color:var(--premium-ink)!important}.data-table th,table.dataTable thead th{background:#F0EBF3!important;color:#625968!important;border-color:#E1D8E5!important;font-weight:650!important;text-transform:none!important;letter-spacing:.01em}.data-table td,table.dataTable tbody td{border-color:#EEE8F0!important}.data-table tr:nth-child(even) td{background:#FCFAFC!important}.data-table tr:hover td,table.dataTable tbody tr:hover td{background:#F7F3FA!important}table.dataTable.no-footer{border-bottom-color:var(--premium-line)!important}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:8px!important;border:1px solid transparent!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--premium-primary-soft)!important;border-color:#D9CDFF!important;color:#5D48B9!important}
.badge{border-radius:999px!important;font-weight:600!important;padding:4px 9px!important}.badge-new,.badge-auto{background:var(--premium-primary-soft)!important;color:#674ED5!important}.badge-active,.badge-won,.badge-low{background:var(--premium-sage-soft)!important;color:#39755E!important}.badge-lost,.badge-high,.badge-hot{background:var(--premium-danger-soft)!important;color:#A94051!important}.badge-pending,.badge-med{background:var(--premium-warning-soft)!important;color:#9E5739!important}.badge-draft,.badge-cold,.badge-expired,.badge-default{background:#F0EBF2!important;color:#6D6373!important}.info-note,.auth-note,.read-only-note{background:#F2EDFF!important;border-color:#9E88F6!important;color:#624DAF!important;border-radius:10px!important}
.modal-header{background:#F6F2F8!important;color:var(--premium-ink)!important;border-color:var(--premium-line)!important}.modal-footer{border-color:var(--premium-line)!important}.tab,.tabs a,.detail-tab{border-radius:10px!important}.tab.active,.tabs a.active,.detail-tab.active{background:var(--premium-primary-soft)!important;color:#624DAF!important;border-color:#D8CCFF!important}.task-row,.doc-upload-row,.repeat-row,.info-item{border-color:var(--premium-line)!important}.ws-num{box-shadow:0 0 0 3px #fff,0 0 0 4px var(--premium-line)}
.ui-vector-icon{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:-.13em;font-size:1.05em;line-height:1;color:currentColor;flex:0 0 auto}.nav-icon .ui-vector-icon,.nav-icon.ui-vector-icon{font-size:18px}.nav-sub>.ui-vector-icon{font-size:15px;min-width:16px}.card-title>.ui-vector-icon,.form-section-header>.ui-vector-icon,.breadcrumb>.ui-vector-icon,.btn>.ui-vector-icon,.page-title>.ui-vector-icon{margin-right:5px}.btn>.ui-vector-icon{font-size:16px;margin-right:0}.notif-bell>.ui-vector-icon{font-size:21px}.auth-shell{background:var(--premium-bg)!important}.auth-brand{background:linear-gradient(145deg,#21182A 0%,#31203E 55%,#3D2750 100%)!important;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute!important;width:420px!important;height:420px!important;border-radius:50%!important;right:-210px!important;top:-150px!important;background:radial-gradient(circle,rgba(124,92,252,.30),rgba(124,92,252,0) 68%)!important;border:0!important;transform:none!important}.auth-brand:after{content:"";position:absolute!important;width:260px!important;height:260px!important;border-radius:50%!important;left:-130px!important;bottom:-120px!important;background:radial-gradient(circle,rgba(242,140,118,.17),rgba(242,140,118,0) 70%)!important;border:0!important}.brand-logo-main img,.brand img{border-radius:13px;box-shadow:0 12px 30px rgba(124,92,252,.26)}.brand-logo-main strong,.brand strong{color:#D9CFFF!important}.brand-message h1{font-weight:650!important;letter-spacing:-.9px!important}.brand-message h1 span{color:#D7CAFF!important}.brand-message p{color:rgba(255,255,255,.66)!important}.brand-footer{color:rgba(255,255,255,.38)!important}.auth-content{background:radial-gradient(circle at 100% 0%,rgba(124,92,252,.055),transparent 34%),var(--premium-bg)!important}.auth-card{border-radius:20px!important;border:1px solid var(--premium-line)!important;box-shadow:var(--premium-shadow)!important}.auth-card-header{background:#F4F0FF!important;border-left:0!important;border-bottom:1px solid #E7DFF4!important;padding:18px 22px!important}.auth-title{color:#5E49B7!important;font-weight:650!important}.auth-description{color:var(--premium-muted)!important}.auth-card-body{padding:24px!important}.auth-links a{color:#674FD0!important}.remember-row{color:var(--premium-muted)!important}
.login-wrap .brand{color:var(--premium-ink)!important}.login-wrap .card{border-radius:20px!important;border:1px solid var(--premium-line)!important;box-shadow:var(--premium-shadow)!important}.login-wrap .card-head{background:linear-gradient(135deg,#2A1E35,#3C2850)!important;padding:24px!important}.login-wrap .card-head h1{font-weight:650!important}.login-wrap .input{border-radius:10px!important;border-color:var(--premium-line-strong)!important}.login-wrap .input:focus{border-color:#B9A8FF!important;box-shadow:0 0 0 3px rgba(124,92,252,.10)!important}.login-wrap .btn{background:var(--premium-primary)!important;border-radius:10px!important}.login-wrap .note{background:#F2EDFF!important;border-color:#9E88F6!important;color:#624DAF!important;border-radius:10px!important}
@media (max-width:880px){.auth-content{background:var(--premium-bg)!important}}