/* UPanel premium 4.0.5 test - base shell */
:root{--upx-p:#5133d4;--upx-ink:#202641;--upx-border:#eef0fa}
body,.hd-upanel{background:#f5f7ff!important;color:#202641}
#hd-upanel-side-panel{width:262px!important;right:0!important;top:0!important;height:100dvh!important;background:white!important;box-shadow:none!important;border-left:1px solid #eff0f8!important;padding:23px 15px 16px!important;display:flex!important;flex-direction:column;gap:12px;z-index:30}
#hd-upanel-side-panel>a:not(.upx-sidebar-brand){display:none!important}
#hd-upanel-side-panel .upx-sidebar-brand{display:flex;gap:12px;align-items:center;color:#212442!important;text-decoration:none!important;border-bottom:1px solid #eff0f7;padding:0 11px 20px;margin:0 0 3px;flex:none}
.upx-brand-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:linear-gradient(120deg,#9477ff,#3f27ca);box-shadow:0 8px 20px #664ae53b}
.upx-brand-icon svg{stroke:white;stroke-width:2;fill:none;width:27px;height:27px}
.upx-brand-copy{display:flex;flex-direction:column;gap:4px}.upx-brand-copy strong{font-size:17px;font-weight:900}.upx-brand-copy small{font-size:10px;color:#8c93ab}
#hd-upanel-side-panel #hd-upanel-collapse{display:none!important}
#hd-upanel-side-panel ul.hd-upanel-menu{list-style:none!important;margin:0!important;padding:0!important;flex:1 1 auto;min-height:0;height:auto!important;overflow:auto!important;scrollbar-width:thin}
#hd-upanel-side-panel ul.hd-upanel-menu>li{border:0!important;background:none!important;margin:4px 0!important;padding:0!important;border-radius:12px!important;min-width:0}
#hd-upanel-side-panel ul.hd-upanel-menu>li>a,#hd-upanel-side-panel ul.hd-upanel-menu>li>button{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 15px!important;min-height:47px!important;font-size:12px!important;font-weight:750!important;line-height:1.5!important;color:#5e6683!important;background:transparent!important;border:0!important;border-radius:12px!important;text-decoration:none!important;box-shadow:none!important;transition:background .17s,color .17s!important}
#hd-upanel-side-panel ul.hd-upanel-menu>li>a svg,#hd-upanel-side-panel ul.hd-upanel-menu>li>button svg{width:20px!important;height:20px!important;flex:none!important;margin:0!important}
#hd-upanel-side-panel ul.hd-upanel-menu>li:hover>a,#hd-upanel-side-panel ul.hd-upanel-menu>li:hover>button{background:#f4f1ff!important;color:#5137d0!important}
#hd-upanel-side-panel ul.hd-upanel-menu>li.active>a,#hd-upanel-side-panel ul.hd-upanel-menu>li.active>button{background:linear-gradient(120deg,#8062f7,#4126cb)!important;color:white!important;box-shadow:0 6px 18px #6448de35!important}
#hd-upanel-side-panel ul.hd-upanel-menu>li.active svg{fill:white!important}
#hd-upanel-side-panel ul.hd-upanel-menu>li a:focus-visible{outline:3px solid #ab98ff;outline-offset:2px}
#hd-upanel-side-panel .hd-upanel-social,#hd-upanel-side-panel ul.social{display:none!important}
.upx-sidebar-promo{flex:none;border-radius:18px;padding:16px 14px;text-align:center;background:linear-gradient(125deg,#f0ebff,#fff4fc);margin-top:auto}
.upx-sidebar-promo .upx-crown{font-size:30px;display:block}.upx-sidebar-promo strong{display:block;font-size:13px;color:#452ebf;margin:6px 0}.upx-sidebar-promo small{display:block;line-height:1.8;font-size:10px;color:#8885ae}
.upx-sidebar-promo a{display:block;padding:10px 7px;border-radius:10px;margin-top:10px;background:linear-gradient(120deg,#7657ed,#4529ca);font-size:11px;color:white!important;text-decoration:none!important}
.hd-upanel #hd-upanel-side-panel + .container{max-width:none!important;width:calc(100% - 262px)!important;margin:0 262px 0 0!important;padding:13px clamp(15px,2.4vw,38px) 22px!important;box-sizing:border-box}
#hd-upanel-dashboard{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important}
#hd-upanel-dashboard>.col-12{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;min-width:0!important}
#hd-upanel-dashboard header{height:70px!important;min-height:70px!important;background:white!important;border:1px solid #f0f1fa!important;border-radius:18px!important;padding:0 18px!important;margin:0 0 22px!important;box-shadow:0 6px 30px #4043a509!important;display:flex!important;align-items:center!important;gap:12px;direction:rtl}
#hd-upanel-dashboard header>button#menu{order:0;display:none!important}
#hd-upanel-dashboard header .upx-header-search{order:1;display:flex!important;align-items:center;gap:8px;flex:0 1 480px;width:min(470px,45%);height:45px;background:#f5f6fb;border:1px solid #eef0f8;border-radius:13px;padding:0 13px;margin:0 auto 0 0}
.upx-header-search input{font-size:12px!important;color:#27304c!important;width:100%;border:0!important;background:none!important;box-shadow:none!important;outline:none!important;padding:0!important;height:100%!important;margin:0!important}
.upx-header-search input::placeholder{color:#a0a4ba}.upx-header-search button{border:0;background:none;padding:4px;cursor:pointer}.upx-header-search svg{width:19px;height:19px;stroke:#8b92aa;stroke-width:2;fill:none}
#hd-upanel-dashboard header>.hd-upanel-notifications{order:2;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;list-style:none}
#hd-upanel-dashboard header>.hd-upanel-notifications li{margin:0!important}
#hd-upanel-dashboard header>.hd-upanel-notifications a,#hd-upanel-dashboard header>.hd-upanel-notifications button{width:42px!important;height:42px!important;display:grid!important;place-items:center;border:1px solid #eceef6!important;border-radius:50%!important;background:#fff!important;padding:0!important}
#hd-upanel-dashboard header>.hd-upanel-notifications svg{width:19px!important;height:19px!important;fill:#222845!important}
#hd-upanel-dashboard header .hd-upanel-profile{order:3;display:flex!important;align-items:center;min-width:135px;margin:0 0 0 3px!important;padding-right:15px;border-right:1px solid #edf0f8}
#hd-upanel-dashboard header .hd-upanel-profile>div:first-child{display:flex;flex-direction:row;align-items:center;gap:9px}
#hd-upanel-dashboard header .hd-upanel-profile img{width:43px!important;height:43px!important;border-radius:50%!important;object-fit:cover}
#hd-upanel-dashboard header .hd-upanel-profile .hd-upanel-info{margin:0!important;line-height:1.5!important}
#hd-upanel-dashboard header .hd-upanel-profile .hd-upanel-name{font-weight:900!important;font-size:12px!important;color:#202641!important}
#hd-upanel-dashboard header .hd-upanel-profile .hd-upanel-role{font-size:10px!important;color:#858da7!important}
#hd-upanel-dashboard footer{margin-top:10px!important;opacity:.65;font-size:11px!important}

/* dashboard layout and hero */
.upx-dashboard{display:flex;flex-direction:column;gap:17px;width:100%;min-width:0;color:#202641;text-align:right;direction:rtl}
.upx-dashboard *{box-sizing:border-box}
.upx-dashboard a{text-decoration:none!important}
.upx-dashboard .upx-icons{position:absolute;width:0;height:0;overflow:hidden}
.upx-dashboard svg:not(.upx-hero-art svg){width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.upx-card{background:white;border:1px solid #ecedf8;border-radius:19px;box-shadow:0 8px 26px #4d51b109;min-width:0}
.upx-intro{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(250px,.94fr);gap:17px}
.upx-hero{height:249px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;border-radius:20px;background:linear-gradient(120deg,#e9d9fd,#e2e4ff 48%,#f2eafd);border:1px solid #e7ddff}
.upx-hero:before{content:"";position:absolute;width:480px;height:360px;bottom:-310px;right:-60px;background:#ffffff4a;transform:rotate(-8deg);border-radius:50%;z-index:-1}
.upx-hero:after{content:"";position:absolute;width:370px;height:370px;top:-280px;left:10%;border-radius:50%;border:80px solid #aa9be829;z-index:-1}
.upx-hero-copy{position:relative;z-index:2;width:65%;flex:none;padding:12px clamp(18px,3vw,44px)}
.upx-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#7268a1;margin:0 0 8px}
.upx-eyebrow-dot{background:#7057ee;width:7px;height:7px;border-radius:50%}
.upx-hero-copy h1{margin:0 0 8px!important;color:#20204a!important;font-size:clamp(20px,1.9vw,28px)!important;line-height:1.5!important;font-weight:900!important}
.upx-hero-copy h1 strong{color:#3c2ad1!important}
.upx-hero-copy p{font-size:12px!important;line-height:2.08!important;color:#626886!important;margin:0 0 14px!important;max-width:490px}
.upx-primary{display:inline-flex;align-items:center;gap:12px;padding:10px 17px;min-height:43px;border-radius:10px;background:linear-gradient(130deg,#7256ee,#4226c5);box-shadow:0 7px 19px #5441d42c;color:white!important;font-size:12px;font-weight:850}
.upx-primary svg{width:16px!important;height:16px!important}
.upx-hero-art{pointer-events:none;position:absolute;width:46%;max-width:455px;height:98%;bottom:-5px;left:-4px}
.upx-hero-art>svg{width:100%;height:100%}
.upx-profile{height:249px;padding:16px 12px 13px;background:radial-gradient(circle at 98% -20%,#ded7fc 0%,transparent 34%),radial-gradient(circle at 0 20%,#f5efff 0%,transparent 48%),linear-gradient(#fff,#f7f6ff)}
.upx-profile-top{text-align:center;height:167px}
.upx-avatar-ring{height:90px;width:90px;position:relative;margin:0 auto 8px;border:3px solid #dfd9ff;border-radius:50%;padding:4px;box-shadow:0 5px 12px #5847d31b}
.upx-avatar-ring>img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
.upx-avatar-ring>a{position:absolute;bottom:-3px;right:2px;border:2px solid white;border-radius:50%;background:#5231d5;color:white!important;width:25px;height:25px;display:grid;place-items:center;font-size:16px}
.upx-profile h2{font-size:16px!important;font-weight:900!important;color:#242640!important;margin:0!important;line-height:1.4!important}
.upx-profile-top>span{font-size:10px;color:#7982a0}
.upx-profile-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border-radius:13px;box-shadow:0 6px 15px #6f66c20b;padding:12px 2px;min-height:55px}
.upx-profile-meta>div{display:flex;flex-direction:column;gap:3px;text-align:center;border-left:1px solid #eff0f9}
.upx-profile-meta>div:last-child{border:0}
.upx-profile-meta strong{color:#4732d3;font-size:17px;font-weight:900;line-height:1}
.upx-profile-meta small{font-size:9px;color:#858ca5;white-space:nowrap}
.upx-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.upx-stat{position:relative;height:127px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#232948!important;transition:transform .18s,box-shadow .18s}
.upx-stat:hover{transform:translateY(-3px);box-shadow:0 13px 28px #5c54b41b}
.upx-stat-icon{position:absolute;right:17px;top:15px;height:43px;width:43px;border-radius:12px;display:grid;place-items:center}
.upx-stat.purple .upx-stat-icon{background:#ece8ff;color:#6742ee}
.upx-stat.green .upx-stat-icon{background:#e0f8e8;color:#26b069}
.upx-stat.orange .upx-stat-icon{background:#fff1d8;color:#f3a212}
.upx-stat.red .upx-stat-icon{background:#ffe6eb;color:#eb4869}
.upx-stat-label{font-size:12px;font-weight:800;line-height:2;align-self:flex-end;margin-right:49px}
.upx-stat strong{font-size:26px;font-weight:900;align-self:flex-end;margin-right:49px;line-height:1.1}
.upx-stat-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:800;margin-top:auto}
.upx-stat-link svg{width:15px!important;height:15px!important}
.upx-stat.purple .upx-stat-link{color:#5738df}.upx-stat.green .upx-stat-link{color:#24a85c}.upx-stat.orange .upx-stat-link{color:#e79a0e}.upx-stat.red .upx-stat-link{color:#ea4461}

/* information tiles, downloads, links and chart */
.upx-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.upx-info-card{height:220px;padding:16px 16px 15px;overflow:hidden}
.upx-card-title{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:15px}
.upx-card-title h2{font-size:12px!important;font-weight:900!important;margin:0!important;line-height:1.7!important;flex:1;color:#242a49!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.upx-title-icon{display:grid;place-items:center;background:#f1edff;color:#6141e4;width:30px;height:30px;border-radius:9px;flex:none}
.upx-title-icon svg{width:17px!important;height:17px!important}
.upx-card-title>a{display:inline-flex;align-items:center;gap:5px;border:1px solid #e9ebf8;color:#65708d!important;font-size:10px;padding:6px 9px;border-radius:8px;white-space:nowrap}
.upx-card-title>a svg{width:12px!important;height:12px!important}
.upx-comment-layout{height:132px;display:grid;grid-template-columns:1.65fr 1fr;border:1px solid #eef0fb;border-radius:12px;overflow:hidden}
.upx-comment-lines{padding:13px 10px}
.upx-comment-lines>div{border-bottom:1px solid #eff1f9;display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;color:#7e86a2}
.upx-comment-lines>div:last-child{border:0}
.upx-comment-lines strong{color:#28304b;font-size:13px}
.upx-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%}
.upx-dot.green{background:#30b86c}.upx-dot.orange{background:#ffac19}
.upx-comment-total{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(130deg,#f1efff,#fff)}
.upx-comment-total strong{font-size:42px;font-weight:900;color:#4930d3;line-height:1.2}
.upx-comment-total span{font-size:10px;color:#8189a2}
.upx-download-list{display:flex;flex-direction:column;min-height:115px;gap:2px}
.upx-download-row{padding:7px 2px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f1fa}
.upx-download-row:last-child{border:0}
.upx-file-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#f2efff;color:#7758eb}
.upx-file-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333951;font-size:10px;font-weight:750}
.upx-file-name small{display:block;font-weight:400;font-size:9px;color:#9297b1}
.upx-icon-button{display:grid;place-items:center;border:1px solid #eaedf7;border-radius:9px;width:30px;height:30px;color:#5d5fd4!important;flex:none}
.upx-icon-button svg,.upx-file-icon svg{width:17px!important;height:17px!important}
.upx-empty{padding:16px 10px;background:#f8f8ff;border-radius:11px;font-size:11px;line-height:1.85;color:#7f88a3}
.upx-empty a{color:#5133d4!important}
.upx-address{display:flex;align-items:center;gap:10px;min-height:112px;background:linear-gradient(110deg,#f6f5ff,#eceaff);border-radius:12px;color:#303951!important;padding:17px 12px;margin-top:16px}
.upx-address-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:50%;background:#e0dcff;color:#7451ef}
.upx-address-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.upx-address-body b{font-size:10px;color:#25935e;background:#e0f7e9;padding:4px 8px;border-radius:7px;align-self:flex-start}
.upx-address-body>span{font-size:10px;line-height:1.8;color:#515b74;max-height:40px;overflow:hidden}
.upx-address-arrow{width:14px!important;height:14px!important;flex:none}
.upx-bottom-grid{display:grid;grid-template-columns:1.08fr 2fr;gap:16px}
.upx-chart,.upx-quick{height:174px;padding:15px 16px;min-width:0}
.upx-chart .upx-card-title,.upx-quick .upx-card-title{margin-bottom:10px}
.upx-subtle-tag{font-size:10px;border-radius:8px;border:1px solid #e9ecf7;color:#818aa5;padding:5px 9px}
.upx-chart-body{display:flex;justify-content:space-around;align-items:flex-end;height:107px;gap:6px;padding:7px 2px 0;border-radius:7px;background:repeating-linear-gradient(to top,transparent 0,transparent 25px,#ebedf8 26px,#ebedf8 27px)}
.upx-chart-col{height:100%;display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.upx-chart-col span{font-size:9px;color:#949bb0;white-space:nowrap}
.upx-chart-bar{min-height:5px;width:13px;flex:none;border-radius:4px 4px 0 0}
.upx-chart-bar.violet{background:linear-gradient(#5d39e9,#9d81f8)}.upx-chart-bar.light{background:linear-gradient(#ae9afa,#d6ccff)}
.upx-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:14px}
.upx-quick-grid>a{height:93px;padding:8px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;border-radius:11px;transition:transform .16s}
.upx-quick-grid>a:hover{transform:translateY(-3px)}
.upx-quick-grid>a svg{width:22px!important;height:22px!important;stroke-width:2.3}
.upx-quick-grid>a span{font-size:10px;font-weight:800}
.upx-quick-grid>.purple{background:#f0eafe;color:#704bdd!important}.upx-quick-grid>.pink{background:#ffeff1;color:#e9517c!important}.upx-quick-grid>.blue{background:#eaf3ff;color:#4489ea!important}.upx-quick-grid>.green{background:#e4f8ef;color:#2daf7a!important}.upx-quick-grid>.orange{background:#fff3df;color:#edaa23!important}.upx-quick-grid>.lilac{background:#f0edff;color:#8861df!important}
/* uPanel mobile and tablet */
@media(max-width:1270px){
#hd-upanel-side-panel{width:232px!important}
.hd-upanel #hd-upanel-side-panel + .container{width:calc(100% - 232px)!important;margin-right:232px!important;padding-inline:18px!important}
.upx-intro{grid-template-columns:minmax(0,2fr) minmax(225px,.95fr)}
.upx-hero-copy{padding-inline:22px;width:70%}.upx-hero-art{width:45%}
.upx-stat{padding:14px 12px}.upx-stat-icon{right:10px;width:37px;height:37px}.upx-stat-label,.upx-stat strong{margin-right:44px}
.upx-info-grid,.upx-bottom-grid{gap:11px}.upx-info-card{padding:13px}.upx-quick-grid{gap:6px}
}
@media(max-width:1030px){
#hd-upanel-side-panel{width:min(290px,83vw)!important;right:-310px!important;box-shadow:0 8px 45px #2622481c!important;transition:right .22s!important}
#hd-upanel-side-panel.active{right:0!important}
.hd-upanel #hd-upanel-side-panel + .container{width:100%!important;margin:0!important;padding-inline:16px!important}
#hd-upanel-dashboard header>button#menu{display:grid!important;place-items:center;order:0;width:43px;height:43px;border:1px solid #e9ecf6;border-radius:12px;flex:none}
#hd-upanel-dashboard header .upx-header-search{flex:1 1 auto;width:auto}
.upx-intro{grid-template-columns:minmax(0,1.9fr) minmax(210px,.95fr)}
.upx-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.upx-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.upx-info-card:last-child{grid-column:1/-1;min-height:170px;height:auto}
.upx-bottom-grid{grid-template-columns:1fr}.upx-quick{order:1}.upx-chart{order:2}
}
@media(max-width:650px){
.hd-upanel #hd-upanel-side-panel + .container{padding:10px 12px 20px!important}
#hd-upanel-dashboard header{min-height:60px!important;height:60px!important;padding:0 9px!important;margin-bottom:12px!important;gap:5px}
#hd-upanel-dashboard header .upx-header-search{width:100%;height:39px;max-width:none;padding:0 8px}
.upx-header-search input{font-size:10px!important}
#hd-upanel-dashboard header>.hd-upanel-notifications{gap:3px}
#hd-upanel-dashboard header>.hd-upanel-notifications .hd-upanel-home{display:none!important}
#hd-upanel-dashboard header>.hd-upanel-notifications a,#hd-upanel-dashboard header>.hd-upanel-notifications button{width:34px!important;height:34px!important}
#hd-upanel-dashboard header .hd-upanel-profile{min-width:0!important;width:42px!important;padding:0!important;margin:0!important;border:0}
#hd-upanel-dashboard header .hd-upanel-profile .hd-upanel-info{display:none!important}
.upx-dashboard{gap:12px}.upx-intro{grid-template-columns:1fr;gap:12px}
.upx-hero{height:215px}.upx-hero-copy{width:86%;padding:16px 18px}
.upx-hero-copy h1{font-size:19px!important}.upx-hero-copy p{font-size:11px!important;line-height:1.85!important}
.upx-hero-art{width:60%;left:-62px;opacity:.25}
.upx-profile{height:auto;min-height:181px;padding:14px}.upx-profile-top{height:110px}
.upx-avatar-ring{height:65px;width:65px;margin-bottom:4px}.upx-profile-meta{min-height:50px}
.upx-stat-grid{gap:10px}.upx-stat{height:117px;padding:11px}
.upx-stat-icon{width:33px;height:33px;top:11px;right:10px}.upx-stat-icon svg{width:17px!important;height:17px!important}
.upx-stat-label{font-size:10px;margin-right:38px}.upx-stat strong{font-size:23px;margin-right:38px}.upx-stat-link{font-size:10px}
.upx-info-grid{grid-template-columns:1fr;gap:12px}
.upx-info-card,.upx-info-card:last-child{grid-column:auto;height:auto;min-height:205px;padding:15px}
.upx-quick,.upx-chart{height:auto;min-height:176px}
.upx-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upx-quick-grid>a{height:83px}
.upx-bottom-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){.upx-dashboard *,#hd-upanel-side-panel *{transition:none!important;animation:none!important}}

/* UI polish v4.0.5-beta2 — responsive header, accessibility & dark mode */
.upx-dashboard .upx-primary:focus-visible,.upx-dashboard .upx-stat:focus-visible,
.upx-dashboard .upx-quick-grid>a:focus-visible,.upx-dashboard .upx-card-title>a:focus-visible,
.upx-dashboard .upx-address:focus-visible,.upx-sidebar-brand:focus-visible{
outline:3px solid #7857f5!important;outline-offset:3px!important;
}
.upx-dashboard .upx-card-title a:hover,.upx-dashboard .upx-icon-button:hover{
color:#5133d4!important;border-color:#cfc2ff!important;background:#f8f5ff!important;
}
#hd-upanel-dashboard header .upx-header-search:focus-within{border-color:#b9adff;box-shadow:0 0 0 3px #6c51dc1c}
@media(max-width:560px){
#hd-upanel-dashboard header{height:auto!important;min-height:112px!important;flex-wrap:wrap!important;align-content:center!important;padding:8px 10px!important;row-gap:7px!important;gap:6px!important}
#hd-upanel-dashboard header .upx-header-search{order:10!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin:0!important;height:38px!important}
#hd-upanel-dashboard header>button#menu{order:0!important}
#hd-upanel-dashboard header>.hd-upanel-notifications{order:2!important;margin-inline-start:auto!important}
#hd-upanel-dashboard header .hd-upanel-profile{order:3!important}
.upx-hero{min-height:220px;height:auto!important}
.upx-hero-copy{width:100%;padding:23px 17px 20px!important}
.upx-hero-copy p{position:relative;z-index:2;max-width:85%;line-height:1.85!important}
.upx-hero-art{opacity:.18!important;max-width:70%;left:-30px!important}
.upx-card-title{flex-wrap:wrap}
.upx-card-title h2{font-size:12px!important}
.upx-card-title>a{margin-inline-start:auto}
}
@media(max-width:360px){
.upx-stat-grid{grid-template-columns:1fr 1fr;gap:7px}
.upx-stat{padding:9px!important}
.upx-stat-label{font-size:9px!important}
.upx-stat-link{font-size:9px!important}
.upx-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.upx-hero-copy p{max-width:95%}
}
.hd-upanel.dark{background:#111425!important;color:#e9eafd!important}
.hd-upanel.dark #hd-upanel-side-panel{background:#171a2d!important;border-color:#292e4e!important}
.hd-upanel.dark .upx-sidebar-brand{border-color:#2e3150!important;color:#f0efff!important}
.hd-upanel.dark .upx-brand-copy strong{color:#f0efff!important}
.hd-upanel.dark #hd-upanel-side-panel ul.hd-upanel-menu>li:not(.active)>a{color:#adb2d2!important}
.hd-upanel.dark #hd-upanel-side-panel ul.hd-upanel-menu>li:not(.active):hover>a{background:#292748!important}
.hd-upanel.dark .upx-sidebar-promo{background:linear-gradient(130deg,#30234f,#282642)}
.hd-upanel.dark .upx-sidebar-promo strong{color:#d4c8ff!important}
.hd-upanel.dark #hd-upanel-dashboard header,.hd-upanel.dark .upx-card{background:#1d2035!important;border-color:#2c304e!important;box-shadow:0 8px 24px #07091619!important}
.hd-upanel.dark #hd-upanel-dashboard header .upx-header-search{background:#292c44!important;border-color:#363b58!important}
.hd-upanel.dark .upx-header-search input{color:#f3f2ff!important}
.hd-upanel.dark #hd-upanel-dashboard header>.hd-upanel-notifications a,
.hd-upanel.dark #hd-upanel-dashboard header>.hd-upanel-notifications button{background:#292c44!important;border-color:#393d59!important}
.hd-upanel.dark #hd-upanel-dashboard header .hd-upanel-profile .hd-upanel-name{color:#f4f4ff!important}
.hd-upanel.dark .upx-dashboard{color:#f4f4ff!important}
.hd-upanel.dark .upx-hero{background:linear-gradient(125deg,#3b3466,#292b58 55%,#403153)!important;border-color:#4c4276!important}
.hd-upanel.dark .upx-hero-copy h1{color:#f5efff!important}
.hd-upanel.dark .upx-hero-copy h1 strong{color:#baa9ff!important}
.hd-upanel.dark .upx-hero-copy p,.hd-upanel.dark .upx-eyebrow{color:#cecaea!important}
.hd-upanel.dark .upx-profile{background:linear-gradient(130deg,#242743,#25233e)!important}
.hd-upanel.dark .upx-profile-meta,.hd-upanel.dark .upx-comment-layout{background:#252942!important;border-color:#353956!important}
.hd-upanel.dark .upx-profile h2,.hd-upanel.dark .upx-stat,.hd-upanel.dark .upx-card-title h2,.hd-upanel.dark .upx-comment-lines strong{color:#f4f4ff!important}
.hd-upanel.dark .upx-comment-total{background:linear-gradient(130deg,#2e2a51,#28273e)!important}
.hd-upanel.dark .upx-address{background:linear-gradient(115deg,#302e55,#2c2e4b)!important}
.hd-upanel.dark .upx-address-body>span{color:#d3d2ed!important}
.hd-upanel.dark .upx-download-row,.hd-upanel.dark .upx-comment-lines>div{border-color:#333653!important}
.hd-upanel.dark .upx-empty{background:#292c46!important;color:#d0d2e9!important}
.hd-upanel.dark .upx-download-row .upx-file-name{color:#f3f3ff!important}
.hd-upanel.dark .upx-card-title>a{background:#292d4b!important;border-color:#3c405e!important;color:#d4d6ec!important}
.hd-upanel.dark .upx-chart-body{background:repeating-linear-gradient(to top,transparent 0,transparent 25px,#343954 26px,#343954 27px)}
