/* Smart PAN Center portal visual refresh */
:root{--spc-primary:#2855d9;--spc-teal:#0e9b91;--spc-ink:#17233f;--spc-muted:#6b7890;--spc-border:#e3e9f3;--spc-bg:#f4f7fc}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:var(--spc-ink)}
.content-wrapper{background:linear-gradient(180deg,#f7f9fd 0%,#f1f5fb 100%)!important}
.main-header.ap-navbar,.main-header.navbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--spc-border)!important;box-shadow:0 6px 24px rgba(22,34,65,.06)!important;min-height:70px}
.ap-page-context strong{font-size:17px!important;letter-spacing:-.3px}
.ap-page-context small{color:var(--spc-muted)!important}
.ap-nav-chip{border:1px solid var(--spc-border)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 12px rgba(15,23,42,.035)!important}
.main-sidebar{box-shadow:8px 0 30px rgba(13,27,55,.10)!important}
.brand-link{min-height:66px;display:flex!important;align-items:center}
.sidebar .nav-link{border-radius:11px!important;margin:3px 10px!important;padding:11px 13px!important;transition:background .16s,color .16s,transform .16s}
.sidebar .nav-link:hover{transform:translateX(2px);background:rgba(255,255,255,.09)!important}
.sidebar .nav-link.active{box-shadow:0 6px 16px rgba(20,40,100,.14)!important}
.content-header h1{font-weight:850!important;letter-spacing:-.7px;color:#17233f}
.content{padding-bottom:28px}
.card,.small-box,.info-box,.callout,.modal-content{border:1px solid var(--spc-border)!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(18,37,75,.055)!important;overflow:hidden}
.card-header{background:linear-gradient(180deg,#fff,#f9fbff)!important;border-bottom:1px solid var(--spc-border)!important;padding:17px 20px!important}
.card-title{font-weight:800!important;color:#17233f}
.card-body{padding:20px!important}
.small-box{min-height:125px}
.small-box .inner h3{font-weight:850;letter-spacing:-1px}
.small-box .icon{opacity:.17}
.btn{border-radius:10px!important;font-weight:750!important;padding:.55rem .9rem!important;box-shadow:none!important;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 15px rgba(15,23,42,.1)!important}
.btn-primary{background:linear-gradient(120deg,#2855d9,#3978f6)!important;border-color:#2855d9!important}
.btn-success{background:linear-gradient(120deg,#0b887c,#12ad9a)!important;border-color:#0b887c!important}
.form-control,.custom-select,select.form-control,textarea.form-control{border:1px solid #d8e1ef!important;border-radius:10px!important;min-height:42px;box-shadow:none!important}
.form-control:focus,.custom-select:focus{border-color:#7da2ff!important;box-shadow:0 0 0 3px rgba(40,85,217,.11)!important}
label{font-weight:700;color:#35435d}
.table{color:#28364f}
.table thead th{background:#f4f7fc!important;color:#56647b!important;border-top:0!important;border-bottom:1px solid #e2e9f4!important;font-size:12px;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}
.table td,.table th{padding:12px 13px!important;vertical-align:middle!important}
.table-bordered{border-color:#e3e9f3!important}
.badge{border-radius:7px;padding:.4em .65em}
.content-wrapper .pro-dashboard .dash-hero{border-radius:22px!important;box-shadow:0 16px 38px rgba(20,47,105,.13)!important}
.pro-dashboard .dash-stat{border-radius:18px!important;box-shadow:0 10px 26px rgba(18,37,75,.06)!important}
.login-main,.page{background:radial-gradient(circle at 12% 8%,rgba(76,115,245,.12),transparent 28%),radial-gradient(circle at 88% 88%,rgba(15,155,145,.12),transparent 30%),#f4f7fc!important}
.login-card,.page .card{border-radius:24px!important;box-shadow:0 24px 70px rgba(15,35,80,.13)!important}
.login-button,.submit,.btn-login{border-radius:12px!important;font-weight:850!important}
@media(max-width:767px){.content-wrapper{margin-left:0!important}.card-body{padding:15px!important}.ap-navbar-right{gap:6px}.ap-nav-chip{padding:7px!important}.content-header h1{font-size:22px!important}.table-responsive{border-radius:12px}}