/* Portal Professional Redesign Layer — non-destructive overrides */
:root{
  --portal-primary:#5b5ce2;
  --portal-primary-2:#7c4dff;
  --portal-accent:#12b8a6;
  --portal-bg:#f5f7fb;
  --portal-surface:#ffffff;
  --portal-surface-2:#fafbff;
  --portal-text:#172033;
  --portal-muted:#6f7890;
  --portal-line:#e7eaf2;
  --portal-shadow:0 12px 35px rgba(25,35,58,.08);
  --portal-shadow-soft:0 5px 18px rgba(25,35,58,.06);
  --portal-radius:18px;
  --portal-radius-sm:12px;
}
html{scroll-behavior:smooth}
body{background:var(--portal-bg)!important;color:var(--portal-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
button,input,textarea,select{font:inherit}
img{max-width:100%}
::selection{background:rgba(91,92,226,.18);color:var(--portal-text)}

/* Loader */
.page-loader{background:linear-gradient(135deg,#f7f8ff 0%,#eef5ff 100%)!important}
.page-loader .loader{filter:drop-shadow(0 8px 16px rgba(91,92,226,.22))}

/* Main desktop shell */
.topbar{height:74px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--portal-line)!important;box-shadow:0 4px 24px rgba(25,35,58,.05)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 22px!important}
.topbar .logo{min-width:235px!important;display:flex!important;align-items:center!important;gap:10px!important}
.topbar .logo img,.responsive-header .logo img{max-height:42px!important;width:auto!important}
.topbar .logo span,.responsive-header .logo span{font-weight:800!important;letter-spacing:-.4px!important;color:var(--portal-text)!important}
.topbar .searches{max-width:480px!important;margin-left:20px!important}
.topbar .searches form{position:relative}
.topbar .searches input,.restop-search input{height:44px!important;border:1px solid var(--portal-line)!important;background:#f7f8fc!important;border-radius:13px!important;padding:0 46px 0 17px!important;color:var(--portal-text)!important;box-shadow:none!important}
.topbar .searches input:focus,.restop-search input:focus{background:#fff!important;border-color:rgba(91,92,226,.5)!important;box-shadow:0 0 0 4px rgba(91,92,226,.09)!important}
.topbar .searches button{height:38px!important;width:38px!important;right:3px!important;top:3px!important;border-radius:10px!important;color:var(--portal-primary)!important}
.topbar .web-elements{gap:5px}
.topbar .web-elements>li>a,.topbar .web-elements>li>.user-dp>a{border-radius:12px!important}
.topbar .web-elements>li>a:not(.create){display:flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;background:#f6f7fb!important;color:#566078!important}
.topbar .web-elements>li>a:not(.create):hover{background:#eceeff!important;color:var(--portal-primary)!important;transform:translateY(-1px)}
.topbar .web-elements .create,.main-btn{border:0!important;background:linear-gradient(135deg,var(--portal-primary),var(--portal-primary-2))!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(91,92,226,.2)!important}
.topbar .web-elements .create:hover,.main-btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(91,92,226,.28)!important}
.user-dp img,.user-avatar img{box-shadow:0 0 0 3px #fff,0 0 0 4px #dde1ec!important}
.user-dp .name h4,.user-avatar .name h4{color:var(--portal-text)!important;font-weight:700!important}

.sidebar{background:#fff!important;border-right:1px solid var(--portal-line)!important;box-shadow:6px 0 30px rgba(25,35,58,.03)!important}
.sidebar .menu-slide{padding:18px 12px 30px!important}
.sidebar .menu-slide>li{margin:4px 0!important;border-radius:12px!important;overflow:hidden}
.sidebar .menu-slide>li>a{border-radius:12px!important;padding:11px 12px!important;color:#526078!important;font-weight:600!important}
.sidebar .menu-slide>li>a i{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:#f5f6fb!important;margin-right:9px!important;color:#667189!important}
.sidebar .menu-slide>li>a:hover,.sidebar .menu-slide>li.active>a{background:linear-gradient(135deg,rgba(91,92,226,.11),rgba(124,77,255,.07))!important;color:var(--portal-primary)!important}
.sidebar .menu-slide>li.active>a i,.sidebar .menu-slide>li>a:hover i{background:var(--portal-primary)!important;color:#fff!important}
.sidebar .submenu{border-left:1px solid #e8eaf2!important;margin:4px 0 8px 28px!important;padding-left:13px!important}
.sidebar .submenu li a{padding:8px 10px!important;border-radius:8px!important;color:#778096!important}
.sidebar .submenu li a:hover{color:var(--portal-primary)!important;background:#f7f7ff!important}

/* Main content cards */
.main-wraper,.widget,.user-profile,.profile-author,.post-new,.user-post,.premium-post,.friend-info,.group-box,.event-box,.central-meta{background:var(--portal-surface)!important;border:1px solid var(--portal-line)!important;border-radius:var(--portal-radius)!important;box-shadow:var(--portal-shadow-soft)!important}
.main-wraper,.widget{margin-bottom:18px!important}
.main-wraper{padding:20px!important}
.widget{padding:18px!important}
.widget-title{font-weight:800!important;color:var(--portal-text)!important;letter-spacing:-.2px!important;border-bottom:1px solid var(--portal-line)!important;padding-bottom:13px!important;margin-bottom:14px!important}
.main-wraper h1,.main-wraper h2,.main-wraper h3,.main-wraper h4,.main-wraper h5,.main-wraper h6,.widget h1,.widget h2,.widget h3,.widget h4,.widget h5,.widget h6{color:var(--portal-text)!important}
.main-wraper p,.widget p,.post-meta p{color:var(--portal-muted)!important;line-height:1.68!important}
.posted-user h6,.posted-user h5,.posted-user h4{font-weight:750!important;color:var(--portal-text)!important}
.posted-user>img,.posted-user figure img,.commenter>img,.commenter figure img,.friendz img,.users-thumb-list img{border-radius:12px!important}
.post-title{font-weight:800!important;letter-spacing:-.2px!important}
.user-post{overflow:hidden!important;border-radius:15px!important}
.user-post img{transition:transform .35s ease}
.user-post:hover img{transform:scale(1.015)}
.stat-tools>a,.we-video-info>ul>li,.post-meta .like,.post-meta .comment{border-radius:10px!important}
.stat-tools>a:hover{background:#f2f3ff!important;color:var(--portal-primary)!important}
.comments-area{border-top:1px solid var(--portal-line)!important;margin-top:14px!important;padding-top:14px!important}
.new-comment form textarea,.new-comment form input,.post-newmeta textarea,.post-new textarea{border:1px solid var(--portal-line)!important;background:#f8f9fc!important;border-radius:13px!important;color:var(--portal-text)!important;box-shadow:none!important}
.new-comment form textarea:focus,.new-comment form input:focus,.post-newmeta textarea:focus,.post-new textarea:focus{background:#fff!important;border-color:rgba(91,92,226,.45)!important;box-shadow:0 0 0 4px rgba(91,92,226,.08)!important}
.more-post-optns>i,.more>i{border-radius:9px!important}
.more-post-optns>ul,.more>ul,.recent-search,.dropdown-menu{border:1px solid var(--portal-line)!important;border-radius:14px!important;box-shadow:var(--portal-shadow)!important;background:#fff!important;overflow:hidden}
.more-post-optns>ul li a,.more>ul li a{border-radius:8px!important}

/* Profile page */
.user-profile{overflow:hidden!important;padding:0!important}
.user-profile .profile-banner,.user-profile .cover-image{overflow:hidden!important}
.user-profile .profile-banner img,.user-profile .cover-image img{width:100%!important;object-fit:cover!important}
.user-profile .user-avatar img,.profile-author img{border-radius:18px!important}
.user-profile .user-tabs,.user-tabs{background:#fff!important;border-top:1px solid var(--portal-line)!important}
.user-tabs .nav-tabs{border:0!important;gap:4px!important;padding:0 12px!important}
.user-tabs .nav-tabs .nav-link,.user-tabs li a{border:0!important;border-radius:10px!important;color:#68738a!important;font-weight:650!important;padding:12px 14px!important}
.user-tabs .nav-tabs .nav-link.active,.user-tabs li.active a,.user-tabs li a:hover{background:#f0f1ff!important;color:var(--portal-primary)!important}
.grp-about .badges img{filter:drop-shadow(0 6px 10px rgba(25,35,58,.12));transition:transform .2s ease}
.grp-about .badges img:hover{transform:translateY(-3px)}
.share-article a{width:34px!important;height:34px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Small components */
.friendz,.sug-page,.mesg-info,.activity-post{border-radius:13px!important;padding:10px!important;transition:background .2s ease,transform .2s ease}
.friendz:hover,.sug-page:hover,.mesg-info:hover{background:#f8f9fd!important;transform:translateY(-1px)}
.badge,.label,.status{border-radius:999px!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--portal-primary)}

/* Auth pages */
.authtication{min-height:100vh!important;background:radial-gradient(circle at 15% 20%,rgba(91,92,226,.15),transparent 28%),radial-gradient(circle at 88% 85%,rgba(18,184,166,.13),transparent 30%),linear-gradient(135deg,#f8f9ff 0%,#f3f7fb 100%)!important;position:relative!important;overflow:hidden!important}
.authtication:before,.authtication:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.authtication:before{width:360px;height:360px;left:-170px;bottom:-180px;background:rgba(124,77,255,.08)}
.authtication:after{width:300px;height:300px;right:-130px;top:-130px;background:rgba(18,184,166,.08)}
.auth-login{background:rgba(255,255,255,.96)!important;border:1px solid rgba(231,234,242,.95)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(25,35,58,.13)!important;padding:38px!important;position:relative!important;z-index:2!important}
.auth-login .logo{margin-bottom:25px!important}
.auth-login .logo img{max-height:54px!important;width:auto!important}
.auth-login .logo span{font-weight:800!important;color:var(--portal-text)!important}
.login-form>h4,.signup-form>h4,.auth-login h4{font-size:26px!important;line-height:1.25!important;font-weight:850!important;color:var(--portal-text)!important;letter-spacing:-.7px!important;margin-bottom:9px!important}
.login-form>span,.signup-form>span,.auth-login>span{color:var(--portal-muted)!important}
.c-form .fileds{margin-bottom:15px!important}
.c-form input[type="text"],.c-form input[type="email"],.c-form input[type="password"],.c-form input[type="number"],.c-form select,.c-form textarea{width:100%!important;min-height:48px!important;background:#f8f9fc!important;border:1px solid var(--portal-line)!important;border-radius:12px!important;color:var(--portal-text)!important;padding-left:44px!important;box-shadow:none!important;transition:border .2s ease,box-shadow .2s ease,background .2s ease!important}
.c-form select{padding-left:14px!important}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{background:#fff!important;border-color:rgba(91,92,226,.55)!important;box-shadow:0 0 0 4px rgba(91,92,226,.09)!important;outline:0!important}
.c-form .input-icon{left:15px!important;color:#8a93a7!important}
.c-form .main-btn{min-height:48px!important;width:100%!important;font-weight:750!important;letter-spacing:.1px!important}
.checkbox label{color:#667188!important}
.checkbox label a,.no-account a{color:var(--portal-primary)!important;font-weight:700!important}
.no-account{color:var(--portal-muted)!important;margin-top:18px!important}
.login-with{margin-top:18px!important}
.login-with>a{height:46px!important;border:1px solid var(--portal-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 16px rgba(25,35,58,.05)!important;color:#424b60!important}
.login-with>a:hover{border-color:#d7dafa!important;background:#fafaff!important;transform:translateY(-1px)}
.welcome-caro .welcome-box{border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(25,35,58,.16)!important}
.welcome-note{position:relative!important;z-index:2!important}
.welcome-note h1,.welcome-note h2,.welcome-note h3{font-weight:850!important;letter-spacing:-1px!important}

/* Responsive */
.responsive-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--portal-line)!important;box-shadow:0 5px 22px rgba(25,35,58,.07)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.responsive-header .right-compact>div{width:40px!important;height:40px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f5f6fb!important;color:var(--portal-text)!important;margin-left:7px!important}
@media (max-width:1199px){
  .topbar{padding:0 14px!important}.topbar .logo{min-width:190px!important}.topbar .searches{max-width:390px!important}
}
@media (max-width:991px){
  .main-wraper,.widget{border-radius:15px!important}.main-wraper{padding:16px!important}.widget{padding:15px!important}
  .auth-login{padding:30px!important;border-radius:20px!important}
}
@media (max-width:767px){
  body{background:#f7f8fb!important}
  .responsive-header{min-height:64px!important;padding:9px 13px!important}
  .responsive-header .user-avatar.mobile .name{display:none!important}
  .main-wraper,.widget{margin-bottom:12px!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(25,35,58,.05)!important}
  .auth-login{margin:18px 12px!important;padding:24px 18px!important;border-radius:18px!important}
  .login-form>h4,.signup-form>h4,.auth-login h4{font-size:23px!important}
  .authtication{padding:10px 0!important}
  .welcome-caro,.mockups,.welcome-note{display:none!important}
  .c-form .row>[class*="col-"]{padding-left:6px!important;padding-right:6px!important}
  .user-tabs .nav-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}
  .user-tabs .nav-tabs li,.user-tabs .nav-tabs .nav-item{flex:0 0 auto!important}
}
@media (max-width:480px){
  .auth-login{padding:21px 15px!important}.main-wraper{padding:14px!important}.widget{padding:14px!important}
  .share-article{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
}

/* Accessibility / motion */
:focus-visible{outline:3px solid rgba(91,92,226,.28)!important;outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* INSAANO HEALTH v1.1.0 — Upgrade Center presentation layer.
   Scoped to the protected Upgrade Center's unique main.wrap structure so normal portal pages are unaffected. */
body > main.wrap{max-width:1280px!important;margin:30px auto!important;padding:0 24px!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#30384a!important}
body > main.wrap .top{padding:24px 28px!important;background:linear-gradient(120deg,#151a27 0%,#21283b 72%,#225d74 130%)!important;border-radius:18px!important;color:#fff!important;box-shadow:0 18px 55px rgba(21,26,39,.13)!important}
body > main.wrap .top h1{margin:0 0 5px!important;color:#fff!important;font-size:30px!important;letter-spacing:-.035em!important}
body > main.wrap .top p{color:#9caabd!important;margin:0!important;font-size:12px!important}
body > main.wrap .top .badge2{background:rgba(38,172,226,.14)!important;color:#82dafc!important;border:1px solid rgba(38,172,226,.2)!important;padding:8px 11px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.03em!important}
body > main.wrap .top a{color:#c3cfdb!important;font-size:11px!important;text-decoration:none!important}
body > main.wrap .cardx{border:1px solid #e8edf3!important;border-radius:16px!important;padding:23px!important;box-shadow:0 10px 30px rgba(31,54,79,.045)!important;margin:16px 0!important}
body > main.wrap .cardx h3{margin:0 0 8px!important;font-size:15px!important;color:#20283a!important;letter-spacing:-.01em!important}
body > main.wrap .cardx p{font-size:11px!important;line-height:1.65!important;color:#7b8494!important}
body > main.wrap .protect{border-left:0!important;position:relative!important;overflow:hidden!important;background:linear-gradient(140deg,#fff 0%,#f5fcff 100%)!important}
body > main.wrap .protect:before{content:"RECOVERY CORE";display:inline-flex!important;background:#e8f8fe!important;color:#1697cc!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;padding:5px 7px!important;border-radius:6px!important;margin-bottom:13px!important}
body > main.wrap input.form-control[type=file]{border:1px dashed #cbd7e1!important;background:#f9fbfd!important;border-radius:12px!important;padding:16px!important;font-size:11px!important;height:auto!important}
body > main.wrap .btn.btn-primary{border:0!important;border-radius:11px!important;padding:11px 16px!important;background:linear-gradient(135deg,#26ACE2,#1594ca)!important;box-shadow:0 9px 22px rgba(38,172,226,.2)!important;font-size:11px!important;font-weight:800!important}
body > main.wrap table{font-size:10px!important}
body > main.wrap table thead th{background:#f7f9fb!important;color:#788395!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:8px!important;font-weight:900!important;border-bottom:1px solid #e8edf3!important}
body > main.wrap th,body > main.wrap td{padding:12px!important;border-bottom:1px solid #eef2f5!important}
body > main.wrap .rollback{color:#c53d3d!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important;background:#fff0f0!important;padding:6px 8px!important;border-radius:7px!important}
body > main.wrap code{background:#eef7fb!important;color:#158fbe!important;border-radius:6px!important;padding:3px 6px!important;font-size:9px!important}
body > main.wrap .alert{border-radius:11px!important;font-size:11px!important;padding:12px 14px!important}
@media(max-width:760px){body > main.wrap{padding:0 13px!important;margin:15px auto!important}body > main.wrap .top{padding:20px!important}body > main.wrap .top h1{font-size:24px!important}}