/* Clean Smart Pro Premium Edition | web reference V5 | presentation only
   The Autostadt background is a free-to-use artistic illustration from
   germany.jdvision.org, not a photograph. CSS gradient fallback works offline. */
#app.csp-dashboard-premium{--v5-night:#03152c;--v5-blue:#0573e5;--v5-sky:#19d8ff;--v5-gold:#f5d369;background:#062952;color:#fff}
#app.csp-dashboard-premium>aside{
  width:276px!important;padding:10px 11px!important;
  background:linear-gradient(180deg,#03152e,#042b53 76%,#031b35)!important;
  box-shadow:7px 0 26px rgba(0,11,33,.3)!important;border-right:1px solid #0b4c79!important;
}
#app.csp-dashboard-premium>aside .brand{
  position:relative;z-index:7;width:450px!important;height:94px!important;min-height:94px!important;
  margin:0 0 12px -10px!important;padding:9px 18px!important;
  background:linear-gradient(115deg,#00132b,#053262,#04152e)!important;
  border:1px solid #147cc6!important;border-radius:0 35px 34px 0!important;
  box-shadow:0 4px 23px rgba(0,163,255,.2),inset 0 1px rgba(255,255,255,.08)!important;
  display:flex!important;align-items:center!important;gap:15px!important;
}
#app.csp-dashboard-premium>aside .brand img.brand-logo-image{
 width:94px!important;height:84px!important;object-fit:contain!important;border-radius:18px!important;
 background:transparent!important;box-shadow:none!important;
}
#app.csp-dashboard-premium>aside .brand b{
  font-size:clamp(22px,2.4vw,33px)!important;letter-spacing:-.045em!important;
  color:#fff!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap;
}
#app.csp-dashboard-premium>aside .brand b::first-letter{color:#fff}
#app.csp-dashboard-premium>aside .brand b::after{
  content:"👑 Premium";display:block;text-align:right;margin-top:3px;
  font-size:21px!important;font-weight:850!important;line-height:1!important;color:#ffd471!important;
  letter-spacing:.012em!important;
}
#app.csp-dashboard-premium>aside nav{
  gap:2px!important;display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 245px)!important;
  overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:#236493 transparent;
  padding:0!important;
}
#app.csp-dashboard-premium>aside nav button{
  text-align:left!important;flex:0 0 auto!important;min-height:48px!important;
  width:100%!important;max-width:100%!important;white-space:normal!important;
  padding:11px 13px!important;border-radius:14px!important;background:transparent!important;
  color:#e5efff!important;font-size:13px!important;font-weight:620!important;
  border:1px solid transparent!important;box-shadow:none!important;
}
#app.csp-dashboard-premium>aside nav button.active{
  background:linear-gradient(90deg,#0b8bf5,#005de1)!important;
  color:#fff!important;border:1px solid #22c8fa!important;
  box-shadow:0 5px 19px rgba(4,130,248,.35)!important;
}
#app.csp-dashboard-premium>aside .role{
 left:13px!important;right:13px!important;bottom:15px!important;
 background:rgba(3,37,76,.66)!important;border:1px solid #1271a9!important;
 border-radius:19px!important;padding:13px!important;color:#f1f8ff!important;
}
#app.csp-dashboard-premium>aside .role button{color:#fff!important;background:#075bad!important}
#app.csp-dashboard-premium>main{
 margin-left:276px!important;max-width:none!important;padding:10px 14px 58px!important;
 background:radial-gradient(ellipse at 55% 6%,#124e8d 0%,transparent 45%),linear-gradient(126deg,#062b58,#073764 56%,#05274d)!important;
 min-height:100dvh!important;
}
#app.csp-dashboard-premium>main>header{
 margin-left:179px!important;min-height:94px!important;padding:12px 13px!important;
 margin-bottom:12px!important;border:1px solid #1767a3!important;
 background:linear-gradient(100deg,#031b39,#071f43)!important;border-radius:0 22px 22px 0!important;
 box-shadow:0 6px 21px rgba(1,12,35,.21)!important;overflow:visible!important;
 display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;
}
#app.csp-dashboard-premium>main>header::before,#app.csp-dashboard-premium>main>header::after{display:none!important}
#app.csp-dashboard-premium>main>header .page-heading{display:none!important}
#app.csp-dashboard-premium .csp-v5-time{
 display:grid;align-content:center;gap:5px;min-width:215px!important;color:#fff!important;
}
#app.csp-dashboard-premium .csp-v5-time small{
 font-size:11px!important;color:#e3edf9!important;white-space:nowrap;
}
#app.csp-dashboard-premium .csp-v5-time b{
 color:#f7fcff!important;font-size:26px!important;line-height:1.05!important;font-weight:900!important;
}
#app.csp-dashboard-premium>main>header .header-actions{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 width:auto!important;flex:1 1 auto!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;
}
#app.csp-dashboard-premium>main>header .header-actions>button,
#app.csp-dashboard-premium>main>header .header-actions>select{
 width:auto!important;min-height:39px!important;min-width:0!important;flex:0 1 auto!important;
 padding:8px 11px!important;border:1px solid #136eb2!important;border-radius:24px!important;
 color:#f9fcff!important;background:linear-gradient(120deg,#05234a,#073a73)!important;
 font-size:11px!important;font-weight:750!important;box-shadow:none!important;
}
#app.csp-dashboard-premium>main>header .header-actions .internet-status{
 width:auto!important;min-width:138px!important;border:1px solid #159e90!important;
 border-radius:24px!important;color:#f3fffc!important;
 background:linear-gradient(115deg,#003c41,#062b48)!important;font-weight:900!important;
}
#app.csp-dashboard-premium>main>header .header-actions #installAppBtn{font-size:10px!important}
#app.csp-dashboard-premium #cspRealVersionPanel{
 display:flex!important;max-width:250px!important;gap:3px!important;margin:0!important;
}
#app.csp-dashboard-premium #cspRealVersionPanel span{
 font-size:9px!important;border:1px solid rgba(97,179,247,.3)!important;
 background:rgba(5,44,81,.7)!important;color:#e8f8ff!important;
 padding:4px 6px!important;min-height:0!important;line-height:1.2!important;
}
#app.csp-dashboard-premium .csp-v5-dashboard{
 display:grid;grid-template-columns:minmax(0,2.24fr) minmax(285px,1fr);
 gap:13px;align-items:start;padding:0;margin:0 0 16px;
 font-family:Inter,system-ui,Arial,sans-serif;color:#0b2145!important;
}
#app.csp-dashboard-premium .csp-v5-content,#app.csp-dashboard-premium .csp-v5-rail{display:flex;flex-direction:column;gap:12px;min-width:0}
#app.csp-dashboard-premium .csp-v5-hero{
 height:239px;min-height:210px;border-radius:19px!important;
 overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:end;
 padding:22px 24px;box-shadow:0 12px 24px rgba(0,8,24,.23);
 border:1px solid #1a8bc7;background:linear-gradient(160deg,#06254b,#146590 65%,#0b365b);
 color:white!important;
}
#app.csp-dashboard-premium .csp-v5-hero::before{
 content:"";position:absolute;inset:0;z-index:-2;opacity:.94;
 background-image:url("https://germany-assets.jdvision.org/assets/de-ni-014-16x9.png");
 background-size:cover;background-position:60% 48%;background-repeat:no-repeat;
}
#app.csp-dashboard-premium .csp-v5-hero-shade{
 position:absolute;z-index:-1;inset:0;
 background:linear-gradient(90deg,rgba(0,13,35,.87),rgba(0,18,38,.58) 49%,rgba(5,14,29,.04) 94%),
 linear-gradient(0deg,rgba(1,13,33,.48),transparent 57%);
}
#app.csp-dashboard-premium .csp-v5-hero-copy{position:relative;z-index:1;max-width:78%;text-shadow:0 2px 6px rgba(0,8,27,.75)}
#app.csp-dashboard-premium .csp-v5-hero-caption{color:#b1edff!important;font-size:10px!important;letter-spacing:.11em!important;font-weight:900!important}
#app.csp-dashboard-premium .csp-v5-hero h2{
 color:#fff!important;font-size:clamp(27px,3vw,42px)!important;
 line-height:1.15!important;font-weight:900!important;letter-spacing:-.038em!important;
 margin:10px 0!important;text-wrap:balance;
}
#app.csp-dashboard-premium .csp-v5-hero h2 span{color:#18c8fb!important;display:block!important}
#app.csp-dashboard-premium .csp-v5-hero p{margin:0!important;color:#fff!important;font-size:15px!important}
#app.csp-dashboard-premium .csp-v5-hero p b{color:#ffd56e!important}
#app.csp-dashboard-premium .csp-v5-stats{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;
}
#app.csp-dashboard-premium .csp-v5-stats>button,#app.csp-dashboard-premium .csp-v5-stats>.csp-v5-stat-static{
 min-width:0!important;min-height:96px!important;display:grid;grid-template-columns:44px 1fr;
 grid-template-rows:auto auto;gap:2px 7px;align-content:center;align-items:center;
 border:1px solid #d8e9fa!important;border-radius:16px!important;
 box-shadow:0 6px 18px rgba(0,10,35,.18)!important;
 padding:12px 8px!important;background:linear-gradient(145deg,#fff,#f0f8ff)!important;
 color:#091b42!important;text-align:left!important;transform:none!important;
}
#app.csp-dashboard-premium .csp-v5-stats b{
 grid-column:2;font-size:clamp(20px,2vw,28px)!important;font-weight:950!important;
 line-height:1.1;letter-spacing:-.04em;
}
#app.csp-dashboard-premium .csp-v5-stats small{
 grid-column:2;color:#315275!important;font-size:11px!important;line-height:1.2!important;
 font-weight:600!important;
}
#app.csp-dashboard-premium .csp-v5-stat-ico{
 grid-row:1/3;grid-column:1;display:grid;place-items:center;
 width:40px;height:43px;font-size:24px;font-weight:900;border-radius:13px;
}
#app.csp-dashboard-premium .csp-v5-stat-ico.blue{color:#036dea;background:#e1f1ff}
#app.csp-dashboard-premium .csp-v5-stat-ico.green{color:#00a374;background:#e1ffef}
#app.csp-dashboard-premium .csp-v5-stat-ico.violet{color:#9134e5;background:#f1e5ff}
#app.csp-dashboard-premium .csp-v5-stat-ico.orange{color:#ed7c03;background:#fff0dc}
#app.csp-dashboard-premium .csp-v5-functions{
 background:linear-gradient(160deg,#fff,#e8f3ff)!important;border-radius:19px!important;
 border:1px solid #d0e9ff!important;padding:15px 16px!important;
 box-shadow:0 8px 20px rgba(0,10,39,.17)!important;
}
#app.csp-dashboard-premium .csp-v5-functions h3{
 color:#071a42!important;margin:0 0 13px!important;
 font-size:21px!important;font-weight:900!important;
}
#app.csp-dashboard-premium .csp-v5-functions h3 span{color:#037ae6!important;margin-right:5px}
#app.csp-dashboard-premium .csp-v5-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
#app.csp-dashboard-premium .csp-v5-tile{
 position:relative!important;min-height:98px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;
 border:1px solid rgba(255,255,255,.64)!important;border-radius:13px!important;
 gap:7px!important;padding:11px 7px!important;text-align:center!important;
 background:linear-gradient(145deg,#bce4ff,#d9f1ff)!important;
 box-shadow:none!important;color:#081d43!important;font-weight:800!important;font-size:12px!important;line-height:1.23!important;
}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+2){background:linear-gradient(145deg,#aef0dc,#dcfff5)!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+3){background:linear-gradient(145deg,#d9caff,#efe9ff)!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+4){background:linear-gradient(145deg,#ffe0bf,#fff1e0)!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(5){background:linear-gradient(145deg,#ffd7dd,#ffeff1)!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(9){background:linear-gradient(145deg,#ffeab6,#fff8df)!important}
#app.csp-dashboard-premium .csp-v5-tile-icon{
 font-size:32px!important;font-weight:900!important;line-height:1!important;
 color:#0874ed!important;text-shadow:0 2px 5px rgba(20,128,209,.14);
}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+2) .csp-v5-tile-icon{color:#05a37b!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+3) .csp-v5-tile-icon{color:#7c23df!important}
#app.csp-dashboard-premium .csp-v5-tile:nth-child(4n+4) .csp-v5-tile-icon{color:#f88700!important}
#app.csp-dashboard-premium .csp-v5-arrow{position:absolute;top:5px;right:8px;color:#6aa6c1;font-size:18px}
#app.csp-dashboard-premium .csp-v5-motto{
 min-height:78px;padding:16px 13px;display:flex;justify-content:space-around;align-items:center;
 gap:12px;flex-wrap:wrap;border-radius:19px!important;
 border:1px solid #0a559b;color:#fff!important;background:linear-gradient(140deg,#021635,#073b77)!important;
 box-shadow:0 8px 22px rgba(0,9,30,.22);
 font-size:12px!important;font-weight:800!important;line-height:1.4!important;
}
#app.csp-dashboard-premium .csp-v5-motto span:first-child:first-letter{color:#ffe08b}
#app.csp-dashboard-premium .csp-v5-radar,#app.csp-dashboard-premium .csp-v5-forecast,#app.csp-dashboard-premium .csp-v5-tasks{
 border-radius:19px!important;overflow:hidden!important;
 border:1px solid #1768a4!important;
 box-shadow:0 8px 20px rgba(0,10,37,.2)!important;
 background:linear-gradient(140deg,#03182e,#083467)!important;color:#fff!important;
}
#app.csp-dashboard-premium .csp-v5-rail-title{
 min-height:43px;display:flex;justify-content:space-between;align-items:center;
 padding:10px 14px;gap:7px;
}
#app.csp-dashboard-premium .csp-v5-rail-title h3{color:inherit!important;font-size:17px!important;margin:0!important;font-weight:900!important}
#app.csp-dashboard-premium .csp-v5-rail-title>span{font-size:21px;color:#ebf8ff}
#app.csp-dashboard-premium .csp-v5-radar-flex{
 display:flex;justify-content:space-between;align-items:center;
 padding:3px 14px;gap:12px;
}
#app.csp-dashboard-premium .csp-v5-radar-art{
 position:relative;width:178px;height:178px;max-width:59%;aspect-ratio:1;flex:0 1 178px;
 border-radius:50%;border:1px solid rgba(60,215,255,.85);
 box-shadow:0 0 22px rgba(0,194,255,.32);
 background:
 linear-gradient(0deg,transparent calc(50% - .5px),#26d7ff 50%,transparent calc(50% + .5px)),
 linear-gradient(90deg,transparent calc(50% - .5px),#26d7ff 50%,transparent calc(50% + .5px)),
 repeating-radial-gradient(circle,transparent 0 18px,rgba(41,207,255,.63) 19px,transparent 20px 37px),
 conic-gradient(from 0deg,#b4db13 0deg 38deg,#5ee341 38deg 80deg,#08bd7c 80deg 120deg,#05b7c4 120deg 156deg,#f0d126 156deg 215deg,#fd7229 215deg 260deg,#d72c43 260deg 305deg,#67d323 305deg 360deg);
}
#app.csp-dashboard-premium .csp-v5-radar-art:after{
 content:"";position:absolute;inset:14px;border-radius:50%;
 background:radial-gradient(circle,rgba(3,32,58,.5) 0 18%,transparent 43%);pointer-events:none;
}
#app.csp-dashboard-premium .csp-v5-radar-hub{
 position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
 z-index:2;display:grid;place-items:center;color:#fafa55;font-size:25px;
 text-shadow:0 0 13px #fff144;
}
#app.csp-dashboard-premium .csp-v5-risk-legend{display:grid;gap:11px;min-width:85px}
#app.csp-dashboard-premium .csp-v5-risk-legend span{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px!important}
#app.csp-dashboard-premium .csp-v5-risk-legend i{width:12px;height:12px;flex:0 0 12px;border-radius:99px}
#app.csp-dashboard-premium .risk-red{background:#f03a44}
#app.csp-dashboard-premium .risk-orange{background:#fb842b}
#app.csp-dashboard-premium .risk-yellow{background:#f6c922}
#app.csp-dashboard-premium .risk-green{background:#05c887}
#app.csp-dashboard-premium .csp-v5-source-note{
 color:#b5e7ff!important;font-size:10px!important;line-height:1.25!important;
 text-align:center!important;padding:2px 9px!important;margin:0!important;
}
#app.csp-dashboard-premium .csp-v5-radar>button,#app.csp-dashboard-premium .csp-v5-forecast>button{
 display:block;margin:7px 11px 11px auto;padding:8px 12px!important;
 border:1px solid #3dadfa!important;border-radius:20px!important;
 background:linear-gradient(90deg,#0456a0,#087add)!important;color:#fff!important;
 font-size:11px!important;font-weight:800!important;box-shadow:none!important;
}
#app.csp-dashboard-premium .csp-v5-forecast{
 background:linear-gradient(180deg,#03172e,#092d58)!important;
}
#app.csp-dashboard-premium .csp-v5-days{
 margin:0 9px 8px!important;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
 gap:0;background:linear-gradient(140deg,#eff8ff,#fdfdff)!important;
 border-radius:13px!important;padding:9px 5px!important;color:#08234b!important;
}
#app.csp-dashboard-premium .csp-v5-day{
 display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;
 text-align:center;padding:6px 0;border-radius:10px;
}
#app.csp-dashboard-premium .csp-v5-day:first-child{background:#c4ebff!important}
#app.csp-dashboard-premium .csp-v5-day b{font-size:11px!important}
#app.csp-dashboard-premium .csp-v5-day small{font-size:8px!important;color:#466b95!important;word-break:break-word}
#app.csp-dashboard-premium .csp-v5-day strong{font-size:14px!important;color:#061e43!important}
#app.csp-dashboard-premium .csp-v5-weather-icon{font-size:21px!important;color:#05a0dd!important}
#app.csp-dashboard-premium .csp-v5-day.has-signal .csp-v5-weather-icon{color:#20ac76}
#app.csp-dashboard-premium .csp-v5-tasks{
 background:#fff!important;color:#071b40!important;border:1px solid #dbe9f8!important;
}
#app.csp-dashboard-premium .csp-v5-tasks .csp-v5-rail-title{border-bottom:1px solid #e1eaf4!important}
#app.csp-dashboard-premium .csp-v5-tasks .csp-v5-rail-title>b{
 display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
 background:#a4dcf8;color:#063663!important;font-size:17px!important;
}
#app.csp-dashboard-premium .csp-v5-task{
 width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px!important;
 background:#fff!important;border:0!important;border-bottom:1px solid #e2eaf2!important;
 border-radius:0!important;color:#10284c!important;box-shadow:none!important;
 text-align:left!important;transform:none!important;
}
#app.csp-dashboard-premium .csp-v5-task-icon{
 flex:0 0 33px;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;
 background:#0fc883;color:#fff;font-size:19px;font-weight:900;
}
#app.csp-dashboard-premium .csp-v5-ci-1{background:#0375eb}
#app.csp-dashboard-premium .csp-v5-ci-2{background:#ffaf19}
#app.csp-dashboard-premium .csp-v5-ci-3{background:#f03b4e}
#app.csp-dashboard-premium .csp-v5-task-copy{display:grid;flex:1;min-width:0;gap:3px}
#app.csp-dashboard-premium .csp-v5-task-copy b{font-size:11px!important;color:#0b2452!important;overflow-wrap:anywhere}
#app.csp-dashboard-premium .csp-v5-task-copy small{font-size:9px!important;color:#527099!important}
#app.csp-dashboard-premium .csp-v5-task-arrow{color:#7897b2}
#app.csp-dashboard-premium .csp-v5-empty{padding:15px;color:#6b7f9a!important;font-size:12px}
#app.csp-dashboard-premium #cs268-qas-dashboard{
 color:#fff!important;background:linear-gradient(135deg,#062745,#104b73)!important;
 border-radius:18px!important;border:1px solid #1db88b!important;
}
#app.csp-dashboard-premium #cs268-qas-dashboard .cs268-kpis span{background:#fff!important}
#app.csp-dashboard-premium #cs268-qas-dashboard .cs268-kpis small{color:#55718e!important}
#app.csp-dashboard-premium #cs268-qas-dashboard .cs268-main small{color:#b8e7ff!important}
#app.csp-dashboard-premium #cs268-qas-dashboard h2{color:#fff!important}
#app.csp-dashboard-premium #cs268-qas-dashboard h2 b{color:#d0ffdc!important}
#app.csp-dashboard-premium .csp-dash-toolbar,#app.csp-dashboard-premium .csp-dashboard-metrics,#app.csp-dashboard-premium .csp-dashboard-operations{
 color:#0c2b4f!important;background:#f6fbff!important;border:1px solid #d8e7f7!important;
 border-radius:18px!important;
}
@media(max-width:1280px){
 #app.csp-dashboard-premium .csp-v5-dashboard{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)}
 #app.csp-dashboard-premium .csp-v5-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app.csp-dashboard-premium .csp-v5-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.csp-dashboard-premium>main>header{margin-left:120px!important}
 #app.csp-dashboard-premium>aside .brand{width:390px!important}
}
@media(max-width:1070px){
 #app.csp-dashboard-premium .csp-v5-dashboard{grid-template-columns:minmax(0,1fr)}
 #app.csp-dashboard-premium .csp-v5-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.csp-dashboard-premium .csp-v5-tasks{grid-column:1/-1}
 #app.csp-dashboard-premium>main>header{margin-left:0!important}
 #app.csp-dashboard-premium>aside .brand{width:270px!important}
 #app.csp-dashboard-premium>aside .brand b{font-size:17px!important}
 #app.csp-dashboard-premium>aside .brand b::after{font-size:13px!important}
 #app.csp-dashboard-premium>aside .brand img.brand-logo-image{width:50px!important;height:49px!important}
}
@media(max-width:800px){
 #app.csp-dashboard-premium>aside{
  position:sticky!important;top:0!important;z-index:15!important;
  width:100%!important;height:auto!important;display:flex!important;
  flex-direction:row!important;gap:8px!important;padding:8px 9px!important;
  align-items:center!important;overflow:hidden!important;
 }
 #app.csp-dashboard-premium>aside .brand{
  margin:0!important;width:auto!important;flex:0 0 44px!important;
  min-height:44px!important;height:44px!important;padding:3px!important;border-radius:13px!important;
 }
 #app.csp-dashboard-premium>aside .brand img.brand-logo-image{width:37px!important;height:37px!important}
 #app.csp-dashboard-premium>aside .brand b,#app.csp-dashboard-premium>aside .brand b::after{display:none!important}
 #app.csp-dashboard-premium>aside nav{
  flex-direction:row!important;flex:1 1 auto!important;min-width:0!important;
  max-height:56px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;white-space:nowrap;
 }
 #app.csp-dashboard-premium>aside nav button{width:auto!important;min-height:39px!important;white-space:nowrap!important;font-size:12px!important;padding:9px 11px!important}
 #app.csp-dashboard-premium>aside .role{position:static!important;padding:0!important;border:0!important;background:transparent!important}
 #app.csp-dashboard-premium>aside .role small,#app.csp-dashboard-premium>aside .role span,#app.csp-dashboard-premium>aside .role b{display:none!important}
 #app.csp-dashboard-premium>main{margin:0!important;padding:10px 10px 85px!important}
 #app.csp-dashboard-premium>main>header{
  position:relative!important;top:auto!important;min-height:0!important;
  margin:0 0 11px!important;padding:12px!important;gap:8px!important;border-radius:17px!important;
  flex-direction:column!important;align-items:stretch!important;
 }
 #app.csp-dashboard-premium .csp-v5-time{min-width:0!important;display:flex;gap:14px;align-items:center!important}
 #app.csp-dashboard-premium .csp-v5-time b{font-size:20px!important}
 #app.csp-dashboard-premium>main>header .header-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
 #app.csp-dashboard-premium>main>header .header-actions>button,
 #app.csp-dashboard-premium>main>header .header-actions>select{width:100%!important}
 #app.csp-dashboard-premium .csp-v5-hero{height:207px;padding:16px!important}
 #app.csp-dashboard-premium .csp-v5-hero h2{font-size:27px!important}
 #app.csp-dashboard-premium .csp-v5-hero-copy{max-width:91%}
 #app.csp-dashboard-premium .csp-v5-rail{display:flex;flex-direction:column}
 #app.csp-dashboard-premium .csp-v5-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:460px){
 #app.csp-dashboard-premium .csp-v5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.csp-dashboard-premium .csp-v5-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.csp-dashboard-premium .csp-v5-hero{height:190px}
 #app.csp-dashboard-premium .csp-v5-hero h2{font-size:24px!important}
 #app.csp-dashboard-premium .csp-v5-hero-caption{font-size:9px!important}
 #app.csp-dashboard-premium .csp-v5-motto{flex-direction:column;align-items:center;text-align:center}
 #app.csp-dashboard-premium .csp-v5-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
 #app.csp-dashboard-premium .csp-v5-day{padding:4px 0}
}
@media(prefers-reduced-motion:reduce){
 #app.csp-dashboard-premium .csp-v5-dashboard *{animation:none!important;transition:none!important}
}
