/* Shared Crypton identity. Loaded after legacy page styles to preserve their layout and behavior. */
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) {
  --bs-primary:#f18b68; --bs-primary-rgb:241,139,104; --bs-secondary:#c0cebc;
  --bs-secondary-rgb:192,206,188; --user-panel-bg:#101314; --user-panel-surface:#191d1e;
  --user-panel-surface-2:#222728; --user-panel-line:#303637; --user-panel-line-strong:#424b4b;
  --user-panel-text:#f2f0e9; --user-panel-muted:#adb6b3; --user-panel-dim:#929c98;
  --user-panel-accent:#f18b68; --user-panel-accent-rgb:241,139,104; --user-panel-accent-2:#f4ab90;
  background:#101314!important; color:#f2f0e9!important; color-scheme:dark;
  font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased;
}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(h1,h2,h3,h4,h5,h6){color:#f2f0e9;letter-spacing:-.035em}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.text-muted,.form-text,.breadcrumb){color:#adb6b3!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.card,.card-v,.sign-form,.modal-content,.uploadbox-content,.drop-down-menu,.accordion-item){background:#191d1e!important;border:1px solid #303637!important;box-shadow:none!important;color:#f2f0e9!important;border-radius:16px!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.card-header,.modal-header,.modal-footer,.settings-form-header){background:transparent!important;border-color:#303637!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.btn-primary,.btn-gradient,.btn-secondary){background:#f18b68!important;border-color:#f18b68!important;color:#211b18!important;box-shadow:none!important;font-weight:650}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.btn-primary,.btn-gradient,.btn-secondary):hover{background:#f7a78a!important;border-color:#f7a78a!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .btn{border-radius:10px;letter-spacing:0;white-space:normal}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.btn-outline-primary,.btn-outline-secondary,.btn-light){background:transparent!important;border:1px solid #46504d!important;color:#e1e6dc!important;box-shadow:none!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.btn-outline-primary,.btn-outline-secondary,.btn-light):hover{background:#303936!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.form-control,.form-select,.input-group-text){background-color:#121617!important;border-color:#394240!important;border-radius:9px;color:#f2f0e9!important;box-shadow:none;min-width:0}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.form-control,.form-select):focus{border-color:#f18b68!important;box-shadow:0 0 0 3px #f18b6824!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .form-control::placeholder{color:#929c98!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.form-control:read-only,.form-control:disabled){color:#adb6b3!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .form-label{color:#d8ded5!important;font-size:13px;font-weight:550}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .form-check-input:checked{background-color:#f18b68;border-color:#f18b68}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(a,button,input,select,summary):focus-visible{outline:2px solid #f4ab90;outline-offset:3px}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) :is(.text-primary,.link){color:#f4ab90!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .border{border-color:#394240!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .footer{background:#101314!important;border-top:1px solid #303637!important;color:#adb6b3!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .footer a{color:#c7d0ca!important}
html body.user-panel-dark .nav-bar.v2{background:#171b1c!important;box-shadow:none!important;border-color:#303637!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-link{border-radius:10px!important;color:#b8c2bc!important;font-size:13px!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-link.active{background:#c0cebc1a!important;border:1px solid #c0cebc30!important;color:#e4ebdc!important;box-shadow:none!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-link:hover{background:#252e2a!important;color:#f2f0e9!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-link i{color:#a9bca9!important}
html body.user-panel-dark .section-header{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 8px!important}
html body.user-panel-dark .page-title{font-size:clamp(26px,3vw,36px)!important;letter-spacing:-.045em}
html body.user-panel-dark .breadcrumb{font-size:12px}
html body.user-panel-dark :is(.dashboard-updates,.dashboard-insights-launch,.dashboard-update-item,.dashboard-panel-head,.dashboard-task-item){background:#191d1e!important;border-color:#303637!important;box-shadow:none!important}
html body.user-panel-dark :is(.dashboard-kpi-icon,.dashboard-updates-icon,.dashboard-update-icon,.dashboard-panel-title-icon){background:#c0cebc14!important;color:#c0cebc!important;box-shadow:none!important;border:1px solid #c0cebc24!important;border-radius:12px!important}
html body.user-panel-dark .dashboard-kpi-value{font-size:42px!important;font-weight:550!important;letter-spacing:-.055em}
html body.user-panel-dark :is(.dashboard-kpi-title,.dashboard-kpi-caption,.dashboard-kpi-foot){color:#adb6b3!important}
html body.user-panel-dark :is(.space-progress-inner,.progress-bar:not(.bg-danger):not(.bg-warning)){background-color:#c0cebc!important;background-image:none}
html body.user-panel-dark .studio-welcome{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:24px;border:1px solid #394640;border-radius:20px;background:#202b27;overflow:hidden;min-height:260px;padding:36px}
html body.user-panel-dark .studio-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:650;color:#c0cebc}
html body.user-panel-dark .studio-welcome h2{font-size:clamp(25px,2.7vw,38px);line-height:1.15;max-width:420px;margin:14px 0}
html body.user-panel-dark .studio-welcome p{font-size:14px;line-height:1.7;color:#b9c6bd;max-width:430px;margin-bottom:23px}
html body.user-panel-dark .studio-welcome-art{aspect-ratio:1.6;background:url('../images/showcase-landscape.svg') center/cover;border:6px solid #101314;border-radius:14px;box-shadow:0 18px 36px #0004;display:grid;place-items:center;transform:rotate(-4deg)}
html body.user-panel-dark .studio-welcome-art span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#222;background:#f2f0e9e8}
html body.user-panel-dark .filemanager-file{background:#191d1e!important;border:1px solid #303637!important;border-radius:14px!important;box-shadow:none!important;padding:12px!important}
html body.user-panel-dark .filemanager-file:hover{border-color:#788d7d!important}
html body.user-panel-dark .filemanager-file-icon{width:100%!important;height:auto!important;aspect-ratio:16/9;overflow:hidden;border-radius:8px!important;background:#101314!important;margin:4px 0 14px!important}
html body.user-panel-dark .filemanager-file-icon img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover}
html body.user-panel-dark .filemanager-file-title{font-size:14px!important;font-weight:550!important;line-height:1.5;color:#e6e9e0!important}
html body.user-panel-dark .filemanager-file-meta{font-size:11px;color:#adb6b3!important}
html body.user-panel-dark .filemanager-file-actions{position:relative!important;inset:auto!important;margin-bottom:8px}
html body.user-panel-dark :is(.folder-tree-link.active,.settings-link.active){background:#c0cebc14!important;color:#dce6d6!important;border-color:#c0cebc30!important}
html body.user-panel-dark .settings-link{color:#b8c2bc!important;padding:14px 18px!important;font-size:13px}
html body.user-panel-dark .settings-user{background:transparent!important;border-color:#303637!important}
html body.user-panel-dark .settings-form-body{padding:28px!important}
html body.user-panel-dark :is(pre,.api-code-block){background:#111616!important;border-color:#303637!important;max-width:100%;overflow:auto}
html body.user-panel-dark .table{--bs-table-color:#e2e7df;--bs-table-bg:transparent;--bs-table-striped-bg:#ffffff04;--bs-table-border-color:#303637;color:#e2e7df!important}
html body.user-panel-dark .table th{color:#b5c2b6!important;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
html body.user-panel-dark .table :is(th,td){padding:16px 12px!important;border-color:#303637!important}
html body.user-panel-dark .table-responsive{border:1px solid #303637;border-radius:12px}
html body.auth-dark-page .sign{background:radial-gradient(ellipse at 20% 20%,#283c303b,transparent 60%),#101314!important}
html body.auth-dark-page :is(.sign-header,.auth-nav-btn){background:transparent!important;border-color:#394240!important;box-shadow:none!important}
html body.auth-dark-page .sign-form{padding:40px!important;max-width:480px}
html body.auth-dark-page .sign-form-title{font-size:34px!important;letter-spacing:-.045em!important}
html body.auth-dark-page .sign-form-text{color:#adb6b3!important;font-size:14px}
html body.premium-public :is(.header,.wrapper-page,.section){background:transparent!important;background-image:none!important}
html body.premium-public .nav-bar{background:#101314!important;border-bottom:1px solid #303637!important;box-shadow:none!important}
html body.premium-public .wrapper-page{padding:64px 0 40px!important;border-bottom:1px solid #303637}
html body.premium-public .page-title{font-size:clamp(32px,5vw,56px)!important;letter-spacing:-.055em!important}
html body.premium-public :is(.accordion-button,.accordion-body,.page-content,.contact-form,.blog-article,.blog-post){background:#191d1e!important;color:#dfe5db!important;border-color:#303637!important;box-shadow:none!important}
html body.premium-public .accordion-button:not(.collapsed){color:#c0cebc!important}
html body.premium-public .nav-bar-link{color:#c7d0ca!important}
html body.premium-public .nav-bar-link:hover{color:#f4ab90!important}
@media(min-width:1200px){html body.user-panel-dark .nav-bar.v2{border-radius:16px!important}html body.user-panel-dark .section{padding-top:40px!important}}
@media(max-width:1199.98px){html.user-panel-mobile body.user-panel-dark .nav-bar.v2{background:#171b1c!important}html.user-panel-mobile body.user-panel-dark .nav-bar.v2 .nav-bar-links{background:#171b1c!important}html.user-panel-mobile body.user-panel-dark .nav-bar.v2 .nav-bar-menu-btn{background:#f18b68!important;color:#211b18!important}}
@media(max-width:575.98px){
 html body.user-panel-dark .studio-welcome{grid-template-columns:1fr;padding:24px;gap:20px}
 html body.user-panel-dark .studio-welcome-art{display:none}
 html body.user-panel-dark .studio-welcome h2{max-width:290px}
 html body.user-panel-dark .settings-form-body{padding:20px!important}
 html body.user-panel-dark .settings-user{padding:20px!important}
 html body.user-panel-dark .settings-links{display:flex;overflow-x:auto;padding:6px;gap:4px}
 html body.user-panel-dark .settings-link{white-space:nowrap;flex:0 0 auto;border-radius:8px;padding:12px!important}
 html body.auth-dark-page .sign-form{padding:26px 20px!important}
 html body.auth-dark-page .sign-form-title{font-size:28px!important}
 html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .form-control{font-size:16px}
 html body.user-panel-dark .filemanager-file-title{font-size:13px!important}
 html body.user-panel-dark .filemanager-file{padding:9px!important}
}
@media(prefers-reduced-motion:reduce){html body:is(.user-panel-dark,.auth-dark-page,.premium-public) *{scroll-behavior:auto!important;transition:none!important}}
/* Finish legacy surfaces and reduce heavy legacy type. */
html body.user-panel-dark :is(.section.v2,.section.v3){background:#101314!important}
html body.user-panel-dark .page-title{font-weight:550!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-links>a.link{color:#b8c2bc!important;font-size:13px!important;font-weight:550!important;border:1px solid transparent!important;border-radius:10px!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-links>a.link.active{background:#c0cebc14!important;border-color:#c0cebc30!important;color:#e4ebdc!important}
html body.user-panel-dark .nav-bar.v2 .nav-bar-links>a.link i{color:#a9bca9!important}
html body.user-panel-dark .dashboard-kpi:before,html body.user-panel-dark .dashboard-kpi .card-v-body:before{background:#c0cebc!important}
html body.user-panel-dark .dashboard-bento-grid:not(.insights-visible){column-gap:20px}
html body.user-panel-dark .dashboard-updates strong{font-weight:550}
html body.user-panel-dark .dashboard-kpi-value{font-weight:550!important}
html body.user-panel-dark .dashboard-updates summary{border-radius:14px}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .alert-info{background:#c0cebc12!important;border-color:#c0cebc30!important;color:#dce6d6!important}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .badge.bg-primary{background:#f18b6820!important;color:#f4ab90!important}

html body.auth-dark-page .sign-form{width:min(100%,480px)!important}
html body.user-panel-dark .filemanager-file-title{text-align:start!important;display:block;white-space:normal!important;overflow-wrap:anywhere;min-height:42px}
html body.user-panel-dark .filemanager-file-meta{text-align:start}
html body.user-panel-dark .filemanager-file .form-check-input{display:block!important;opacity:1!important}
@media(min-width:1400px){html body.user-panel-dark .row-cols-xxl-4:has(.filemanager-file)>.col{width:33.333333%}}
html body.user-panel-dark .user-ad-section{background:#191d1e!important;border:1px solid #303637!important;border-radius:14px!important;box-shadow:none!important}
html body.user-panel-dark :is(.user-ad-section-icon,.user-ad-icon){background:#c0cebc14!important;color:#c0cebc!important}
html body.user-panel-dark :is(.user-ad-section-kicker,.user-ad-section-arrow){color:#c0cebc!important}
html body.user-panel-dark .btn-check:checked+.user-ad-choice-label,html body.user-panel-dark .user-ad-choice-label.is-selected,html body.user-panel-dark .payment-method-input:checked+label{background:#c0cebc18!important;border:1px solid #a9bca9!important;color:#e3ebde!important;box-shadow:none!important}
html body.user-panel-dark .user-ad-section-panel{border-color:#303637!important}
html body.user-panel-dark .user-ad-section-title{font-weight:550!important}
html body.user-panel-dark .form-search .form-control{background:#121617!important}
html body.user-panel-dark .filemanager-file .filemanager-file-title{font-weight:500!important}
html body.premium-public.public-page-dark .card-v.v2{background:#191d1e!important;border-color:#303637!important;box-shadow:none!important}
html body.premium-public.public-page-dark :is(.form-control,.form-select){background:#121617!important;border-color:#394240!important}
html body.premium-public.public-page-dark .page-title{font-weight:550!important}
html body.premium-public.public-page-dark .nav-bar :is(.btn-primary,.btn-secondary){background:#f18b68!important;color:#211b18!important;box-shadow:none!important}
@media(max-width:575.98px){
 html body.user-panel-dark .settings-links{flex-direction:row!important}
 html body.user-panel-dark .settings-user{display:flex;align-items:center;gap:16px;padding:16px!important}
 html body.user-panel-dark .settings-user-img{width:48px;height:48px;flex:0 0 48px;margin-bottom:0!important}
 html body.user-panel-dark .settings-user-img img{width:48px;height:48px}
 html body.user-panel-dark .settings-user-title p{font-size:16px}
}
html body:is(.user-panel-dark,.auth-dark-page,.premium-public) .modal-content .btn-secondary{background:#303936!important;border-color:#46504d!important;color:#e1e6dc!important}
html body.premium-public .fileviewer{background:#101314!important;color:#dfe5db}
html body.premium-public .fileviewer-body{padding-top:28px}
html body.premium-public .fileviewer-cont{aspect-ratio:16/9;border:1px solid #303637;border-radius:16px;overflow:hidden}
html body.premium-public .fileviewer-file{display:block;width:100%;height:100%;aspect-ratio:16/9}
html body.premium-public .fileviewer-sidebar-content{background:#191d1e!important;color:#dfe5db!important;border-color:#303637!important}
html body.premium-public :is(.fileviewer-sidebar-header,.fileviewer-sidebar-section,.border-top){border-color:#303637!important}
html body.premium-public .fileviewer-sidebar-open{background:#c0cebc!important;border-color:#c0cebc!important;color:#1c2821!important}
html body.premium-public :is(.blog-sidebar,.blog-sidebar-widget,.blog-post-body,.blog-article-header){background:#191d1e!important;color:#dfe5db!important;border-color:#303637!important}
html body.premium-public :is(.blog-post-title,.blog-article-title,.blog-sidebar a){color:#e6e9e0!important}
@media(max-width:575.98px){html body.premium-public .fileviewer-body{padding-top:12px}html body.premium-public .fileviewer-cont{border-radius:8px}}
html body.premium-public .fileviewer-user-meta{color:#adb6b3!important}
html body.premium-public .fileviewer-user-meta i{color:#a9bca9!important}
html body.premium-public .fileviewer [data-bs-target="#report"]{background:transparent!important;border-color:#46504d!important;color:#c7d0ca!important}
html body.premium-public.public-page-dark .nav-bar .auth-btn-primary{background:#f18b68!important;border-color:#f18b68!important;color:#211b18!important;box-shadow:none!important}
