@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#102a43;--navy2:#183b56;--teal:#0f8b8d;--ink:#1c2b39;--muted:#718096;--line:#e5ebf0;--bg:#f4f7fa;--white:#fff;--shadow:0 8px 28px rgba(16,42,67,.06)}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dbe7ef;padding:25px 16px;display:flex;flex-direction:column;z-index:5;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;color:white;font:800 13px Manrope,sans-serif;letter-spacing:.08em}.brand img{width:43px;height:38px;object-fit:contain;background:transparent;border-radius:0;padding:0}.brand small{display:block;color:#8fa9bb;font:500 9px 'DM Sans',sans-serif;letter-spacing:.16em;margin-top:4px}.nav-label{font-size:9px;letter-spacing:.17em;color:#7792a6;font-weight:700;margin:19px 10px 8px}.nav-link{display:flex;gap:13px;align-items:center;padding:10px 12px;border-radius:8px;color:#c4d4df;font-size:12px;margin:2px 0}.nav-link:hover,.nav-link.active{background:#23445e;color:white}.nav-link.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-bottom{margin-top:auto;padding:18px 8px 0;border-top:1px solid #2d4b62;color:#9db1c0;font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36c59b;margin-right:7px}.main-content{margin-left:258px;padding:0 34px 28px;max-width:1600px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}.topbar h1{font:700 22px Manrope,sans-serif;margin:4px 0}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--teal);font-weight:700;margin:0}.topbar-right{display:flex;align-items:center;gap:17px}.language-pill,.date-chip,.tag{border:1px solid var(--line);background:white;border-radius:20px;padding:8px 12px;font-size:10px;color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dcefeb;color:#087c7e;font-weight:700}.text-button{border:0;background:none;color:var(--muted);font:600 11px 'DM Sans';cursor:pointer}.menu-toggle{display:none}.welcome-row{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px}.welcome-row h2{font:700 18px Manrope;margin-bottom:5px}.muted{color:var(--muted);font-size:11px;margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-icon{width:30px;height:30px;display:grid;place-items:center;background:#eaf5f4;color:var(--teal);border-radius:9px;font-size:16px}.stat-card strong{display:block;font:800 27px Manrope;margin:13px 0 3px}.stat-card small{color:#91a0ad;font-size:10px}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:17px}.panel{padding:20px;margin-top:16px}.content-grid .panel{margin-top:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h3{font:700 13px Manrope;margin:0 0 5px}.panel-heading .muted{font-size:10px}.tag{color:var(--teal);background:#edf8f7;border:0;padding:6px 10px}.empty-chart{height:180px;margin-top:20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.chart-bars{height:125px;width:90%;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;border-bottom:1px dashed #dce5ea;background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,#edf1f4 31px)}.chart-bars i{display:block;width:5%;height:var(--h,45%);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#38b7ad,#d9f0ed)}.chart-bars i:nth-child(2n){height:70%}.chart-bars i:nth-child(3n){height:40%}.empty-chart p{font-size:9px;color:#9aa8b4;margin:10px 0}.quick-links{margin-top:17px}.quick-links a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eff2f5;font-size:11px}.quick-links a:last-child{border:0}.quick-links span{color:var(--teal)}.modules-panel{margin-top:17px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.module-grid>div{border:1px solid var(--line);border-radius:9px;padding:14px;scroll-margin-top:20px}.module-grid b{display:block;font-size:11px;margin-bottom:6px}.module-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.5}footer{text-align:center;padding:24px;color:#98a6b2;font-size:9px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 15%,#dcefeb,transparent 32%),linear-gradient(135deg,#f4f7fa,#eaf0f5)}.login-card{width:min(100%,410px);background:white;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 18px 60px rgba(16,42,67,.12)}.login-logo{width:90px;height:65px;object-fit:contain;margin-bottom:25px}.login-card h1{font:800 25px Manrope;margin:8px 0}.login-card .muted{line-height:1.6;margin-bottom:25px}.login-card label{display:block;font-size:11px;font-weight:600;margin:15px 0 7px}.login-card input{width:100%;padding:12px;border:1px solid #dce4ea;border-radius:8px;font:13px 'DM Sans';outline:none}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e4f4f2}.primary-button{border:0;background:var(--navy);color:white;border-radius:8px;padding:13px 17px;font:600 12px 'DM Sans';cursor:pointer;margin-top:22px}.primary-button:hover{background:var(--teal)}.full{width:100%}.login-foot{font-size:9px;color:#9aa8b4;text-align:center;margin:25px 0 0}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.main-content{padding:0 22px 25px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:0 16px 22px}.menu-toggle{display:block;border:0;background:white;font-size:19px;margin-right:12px}.topbar{height:82px;justify-content:flex-start}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:17px}.topbar-right{gap:8px}.language-pill{display:none}.content-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.welcome-row{align-items:flex-start;gap:10px}.date-chip{white-space:nowrap}}@media(max-width:430px){.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:23px}.module-grid{grid-template-columns:1fr}.topbar-right .text-button{font-size:10px}.login-card{padding:27px}}


/* Premium authentication and refined workspace finish */
.login-page{min-height:100vh;padding:0;background:#f4f7fa;display:block;color:#162b3c}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(440px,.92fr);max-width:1680px;margin:0 auto;background:#f7f9fb}
.login-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:48px clamp(34px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(ellipse at 12% 90%,rgba(15,139,141,.32),transparent 38%),radial-gradient(ellipse at 90% 8%,rgba(67,137,165,.22),transparent 32%),linear-gradient(145deg,#091d30 0%,#102f48 54%,#123e51 100%)}
.login-showcase:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(130deg,#000,transparent 82%)}
.showcase-orb{position:absolute;z-index:-1;border:1px solid rgba(143,220,211,.15);border-radius:50%;pointer-events:none}
.orb-one{width:480px;height:480px;right:-170px;top:16%;box-shadow:0 0 0 48px rgba(143,220,211,.025),0 0 0 98px rgba(143,220,211,.02)}
.orb-two{width:260px;height:260px;right:13%;bottom:-160px;background:rgba(15,139,141,.09);filter:blur(2px)}
.login-brand{display:inline-flex;align-items:center;gap:15px;color:#fff;text-decoration:none;position:relative;z-index:1;font:800 14px Manrope,sans-serif;letter-spacing:.13em}
.login-brand img{width:62px;height:54px;object-fit:contain;padding:0;background:transparent;border-radius:0}
.login-brand small{display:block;margin-top:6px;color:#9db8c7;font:600 9px 'DM Sans',sans-serif;letter-spacing:.2em}
.showcase-copy{max-width:590px;position:relative;z-index:1;margin:70px 0}
.showcase-kicker{display:inline-flex;align-items:center;gap:10px;color:#a8d9d2;font-size:10px;font-weight:700;letter-spacing:.18em}
.showcase-kicker i{width:7px;height:7px;border-radius:50%;background:#4ed0b3;box-shadow:0 0 0 5px rgba(78,208,179,.12)}
.showcase-copy h2{font:800 clamp(38px,5vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:25px 0 20px;color:#fff}
.showcase-copy h2 em{font-style:normal;color:#7ed6c7}
.showcase-copy p{max-width:440px;color:#b3c5d1;font-size:14px;line-height:1.9}
.showcase-footer{display:flex;gap:25px;flex-wrap:wrap;color:#8ea8b8;font-size:8px;font-weight:700;letter-spacing:.16em;position:relative;z-index:1}
.login-panel-wrap{display:grid;place-items:center;padding:50px clamp(24px,6vw,88px);min-height:100vh;background:radial-gradient(ellipse at 85% 10%,rgba(15,139,141,.07),transparent 32%),#f7f9fb}
.login-card{width:min(100%,440px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.login-mobile-brand{display:none}
.login-card .eyebrow{font-size:10px;letter-spacing:.2em;color:#0b9290}
.login-card h1{font:800 clamp(30px,3vw,39px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:#102a43;margin:13px 0}
.login-intro{font-size:13px;line-height:1.8;color:#738596;margin:0 0 32px;max-width:390px}
.login-card form{display:block}
.login-card label{font-size:11px;color:#31485a;font-weight:700;margin:0 0 9px}
.login-card input:not([type=hidden]){height:53px;padding:0 16px;border:1px solid #dce5eb;border-radius:10px;background:#fff;color:#183246;font:13px 'DM Sans',sans-serif;transition:border-color .18s,box-shadow .18s}
.login-card input:not([type=hidden])::placeholder{color:#a4b0ba}
.login-card input:not([type=hidden]):focus{outline:0;border-color:#159b98;box-shadow:0 0 0 4px rgba(15,139,141,.1)}
.password-label-row{display:flex;align-items:center;justify-content:space-between;margin:21px 0 9px}
.password-label-row label{margin:0}
.password-label-row span{font-size:8px;font-weight:700;letter-spacing:.12em;color:#9aaab5}
.primary-button.login-submit{height:54px;margin-top:25px;padding:0 18px;border-radius:10px;background:linear-gradient(100deg,#102f49,#0d777b);display:flex;align-items:center;justify-content:space-between;font:700 12px 'DM Sans',sans-serif;box-shadow:0 10px 22px rgba(16,65,83,.16);transition:transform .18s,box-shadow .18s}
.primary-button.login-submit:hover{background:linear-gradient(100deg,#0c344f,#0c9290);transform:translateY(-1px);box-shadow:0 13px 25px rgba(16,65,83,.2)}
.primary-button.login-submit b{font-size:20px;font-weight:400}
.login-security{display:flex;align-items:flex-start;gap:11px;margin-top:24px;padding:14px 15px;border:1px solid #e1eceb;border-radius:10px;background:#f0f7f6;color:#71878c;font-size:10px;line-height:1.65}
.security-lock{flex:0 0 19px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#d8efea;color:#087d78;font-size:11px;font-weight:800}
.login-foot{font-size:9px;color:#a2afb8;text-align:left;margin:28px 0 0}
.admin-page{background:#f4f7fa}
.sidebar{background:linear-gradient(180deg,#0d263d,#102f47 72%,#0d293e);box-shadow:8px 0 30px rgba(10,31,48,.08)}
.brand img{width:46px;height:42px;padding:0;object-fit:contain;background:transparent;border-radius:0}
.nav-link{padding:11px 12px;border-radius:9px;font-size:12px;transition:background .18s,color .18s}
.nav-link:hover{background:rgba(255,255,255,.09)}
.nav-link.active{background:linear-gradient(90deg,rgba(18,151,145,.24),rgba(35,68,94,.8));box-shadow:inset 3px 0 #39c0ad}
.main-content{max-width:1720px}
.topbar{position:sticky;top:0;z-index:3;background:rgba(244,247,250,.92);backdrop-filter:blur(14px)}
.stat-card,.panel{border-radius:15px;box-shadow:0 8px 28px rgba(16,42,67,.045);transition:box-shadow .2s,transform .2s}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(16,42,67,.08)}
.module-grid>div{background:linear-gradient(145deg,#fff,#fbfcfd);transition:border-color .18s,transform .18s,box-shadow .18s}
.module-grid>div:hover{border-color:#b8ddda;transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,42,67,.05)}
@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-showcase{display:none}.login-panel-wrap{min-height:100vh;padding:35px 24px}.login-mobile-brand{display:block;margin-bottom:38px}.login-mobile-brand img{width:78px;height:62px;object-fit:contain}.login-card{max-width:440px}}
@media(max-width:760px){.topbar{background:rgba(244,247,250,.96)}}
@media(max-width:480px){.login-panel-wrap{padding:26px 22px}.login-card h1{font-size:32px}.login-intro{font-size:12px;margin-bottom:27px}.showcase-footer{gap:12px}}


/* Premium full-screen motion backdrop and glass sign-in surface */
.login-video-page{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.82fr);
  min-height:100vh;max-width:none;margin:0;background:#071827;overflow:hidden;
}
.login-background-video{position:fixed;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.login-video-shade{position:fixed;z-index:-2;inset:0;background:
  linear-gradient(105deg,rgba(3,17,30,.78) 0%,rgba(5,27,43,.55) 48%,rgba(3,18,32,.76) 100%),
  radial-gradient(ellipse at 18% 45%,rgba(12,139,145,.22),transparent 45%),
  linear-gradient(0deg,rgba(3,15,27,.3),rgba(3,15,27,.15))}
.login-showcase{background:transparent;min-height:100vh;padding:54px clamp(36px,6vw,100px)}
.login-showcase:after{opacity:.13}
.login-brand img{width:76px;height:66px;object-fit:contain;padding:0;background:transparent;border-radius:0}
.login-brand{font-size:16px;gap:18px}
.login-brand small{font-size:10px}
.showcase-copy h2{font-size:clamp(46px,5.6vw,76px);text-shadow:0 3px 28px rgba(0,0,0,.25)}
.showcase-copy p{font-size:15px;color:#d0e0e8;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.showcase-kicker{color:#a8f0e2}
.showcase-footer{color:#c1d2dc}
.login-panel-wrap{position:relative;z-index:1;min-height:100vh;padding:44px clamp(24px,5vw,76px);background:transparent}
.login-glass-card{width:min(100%,490px);padding:clamp(30px,4vw,48px);border:1px solid rgba(255,255,255,.24);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(226,244,249,.075));
  box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.login-glass-card .eyebrow{color:#8ce5d6;font-size:11px}
.login-glass-card h1{font-size:clamp(38px,3.5vw,49px);color:#fff;letter-spacing:-.045em;text-shadow:0 2px 22px rgba(0,0,0,.2)}
.login-glass-card .login-intro{color:#d1e0e8;font-size:14px}
.login-glass-card label{color:#f1f7fa;font-size:12px}
.login-glass-card .password-label-row span{color:#b8d0dc}
.login-glass-card input:not([type=hidden]){height:57px;color:#fff;background:rgba(5,24,39,.42);border:1px solid rgba(220,241,247,.25);border-radius:11px}
.login-glass-card input:not([type=hidden])::placeholder{color:rgba(228,241,246,.58)}
.login-glass-card input:not([type=hidden]):focus{border-color:#75d9cb;box-shadow:0 0 0 4px rgba(117,217,203,.14);background:rgba(5,24,39,.56)}
.login-glass-card .primary-button.login-submit{height:58px;background:linear-gradient(100deg,#0d9c98,#087b83);box-shadow:0 12px 28px rgba(0,0,0,.22);font-size:13px}
.login-glass-card .login-security{background:rgba(3,25,39,.34);border-color:rgba(205,236,239,.18);color:#d4e5e9;font-size:11px}
.login-glass-card .security-lock{background:rgba(117,217,203,.2);color:#a5f1df}
.login-glass-card .login-foot{color:#c4d4dd;font-size:10px}
.login-glass-card .video-credit{margin:9px 0 0;color:rgba(209,224,232,.68);font-size:9px;line-height:1.5}
.login-glass-card .video-credit a{color:#a9e8dc;text-decoration:underline;text-underline-offset:2px}
.login-mobile-brand{margin-bottom:24px}
.login-mobile-brand img{width:92px;height:76px;object-fit:contain}
@media(max-width:900px){
  .login-video-page{display:grid;grid-template-columns:1fr;min-height:100vh}
  .login-showcase{display:flex;min-height:auto;padding:28px 28px 0}
  .login-showcase .showcase-copy,.login-showcase .showcase-footer{display:none}
  .login-panel-wrap{min-height:auto;padding:28px 22px 42px}
  .login-mobile-brand{display:none}
  .login-glass-card{margin:0 auto}
}
@media(max-width:520px){
  .login-showcase{padding:24px 22px 0}
  .login-brand img{width:64px;height:58px}
  .login-brand{font-size:14px}
  .login-panel-wrap{padding:22px 16px 30px}
  .login-glass-card{padding:28px 22px;border-radius:19px}
  .login-glass-card h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
  .login-background-video{display:none}
}


/* Banking-style sign-in: viewport fit, wider composition and visible motion layer */
html:has(body.login-page), body.login-page {width:100%;height:100%;min-height:100%;overflow:hidden}
body.login-page {padding:0;margin:0}
.login-video-page {width:100%;height:100vh;height:100svh;min-height:0;max-width:none;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);overflow:hidden}
.login-background-video {position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:1}
.login-video-shade {position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,rgba(3,17,30,.48) 0%,rgba(5,27,43,.30) 48%,rgba(3,18,32,.48) 100%),radial-gradient(ellipse at 18% 45%,rgba(12,139,145,.12),transparent 45%),linear-gradient(0deg,rgba(3,15,27,.18),rgba(3,15,27,.08))}
.login-showcase {width:100%;height:100%;min-height:0;padding:clamp(24px,4vh,54px) clamp(28px,5vw,88px)}
.login-brand {gap:20px;font-size:17px}
.login-brand img {display:block;visibility:visible;opacity:1;width:90px;height:78px;flex:0 0 90px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.28))}
.showcase-copy {max-width:650px;margin:0;transform:translateY(-1vh)}
.showcase-copy h2 {font-size:clamp(44px,5.2vw,78px)}
.showcase-copy p {max-width:520px}
.login-panel-wrap {width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:clamp(14px,2.4vh,30px) clamp(22px,4vw,68px);overflow:hidden}
.login-glass-card {width:min(100%,540px);max-height:100%;padding:clamp(22px,2.8vw,42px);overflow:visible;transform:none}
.login-glass-card h1 {font-size:clamp(34px,3.15vw,47px);margin:9px 0}
.login-glass-card .login-intro {font-size:13px;line-height:1.6;margin-bottom:clamp(15px,2.2vh,25px)}
.login-glass-card input:not([type=hidden]) {height:clamp(46px,6.2vh,55px)}
.login-glass-card .password-label-row {margin:clamp(12px,1.8vh,19px) 0 8px}
.login-glass-card .primary-button.login-submit {height:clamp(48px,6.4vh,56px);margin-top:clamp(15px,2vh,22px)}
.login-glass-card .login-security {margin-top:clamp(12px,1.8vh,19px);padding:11px 13px;font-size:10px}
.login-glass-card .login-foot {margin-top:clamp(12px,1.7vh,19px)}
.login-glass-card .video-credit {margin-top:6px}
@media(max-width:1100px) and (min-width:761px) {
 .login-video-page {grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}
 .login-showcase {padding-left:34px;padding-right:34px}
 .login-brand img {width:76px;height:68px;flex-basis:76px}
 .login-glass-card {padding:24px}
}
@media(max-width:760px) {
 html:has(body.login-page), body.login-page {height:auto;min-height:100%;overflow:auto}
 .login-video-page {height:auto;min-height:100svh;grid-template-columns:1fr;overflow:visible}
 .login-showcase {height:auto;min-height:112px;padding:22px 24px 0}
 .login-brand img {width:70px;height:62px;flex-basis:70px}
 .login-panel-wrap {height:auto;min-height:calc(100svh - 112px);padding:18px 20px 28px;overflow:visible}
 .login-glass-card {width:min(100%,490px);max-height:none;padding:26px 24px}
}
@media(max-height:700px) and (min-width:761px) {
 .login-showcase {padding-top:18px;padding-bottom:18px}
 .login-brand img {width:66px;height:58px;flex-basis:66px}
 .showcase-copy h2 {font-size:clamp(38px,4.5vw,58px);margin:14px 0}
 .showcase-copy p {font-size:13px;line-height:1.55}
 .login-glass-card {padding:18px 26px}
 .login-glass-card h1 {font-size:32px}
 .login-glass-card .login-intro {margin-bottom:12px}
 .login-glass-card .login-security {margin-top:10px;padding:8px 11px}
 .login-glass-card .login-foot {margin-top:9px}
}
@media(prefers-reduced-motion:reduce) {.login-background-video {display:none}}


/* Restore the brand/showcase after the earlier compact-layout rules */
@media(max-width:900px) and (min-width:761px) {
  .login-showcase {display:flex}
  .login-video-page {grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}
}
@media(max-width:760px) {
  .login-showcase {display:flex}
}


/* Final executive glass treatment for the admin sign-in */
.login-glass-card {
  background:rgba(225,245,249,.045) !important;
  border:1px solid rgba(224,248,250,.16) !important;
  box-shadow:0 18px 58px rgba(0,8,18,.16),inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter:blur(13px) saturate(125%) !important;
  backdrop-filter:blur(13px) saturate(125%) !important;
}
.login-glass-card .login-brand img,
.login-brand img {width:116px;height:100px;flex-basis:116px;object-fit:contain;filter:drop-shadow(0 5px 20px rgba(0,0,0,.34))}
.login-brand {gap:22px;font-size:18px;letter-spacing:.15em}
.login-brand small {font-size:10px;letter-spacing:.22em}
.showcase-copy h2 {max-width:760px;font-size:clamp(42px,4.65vw,70px);line-height:1.13;letter-spacing:-.045em}
.showcase-copy h2 em {color:#8be2d4}
.showcase-copy p {max-width:540px;color:rgba(235,246,250,.86);font-size:15px;line-height:1.85}
.login-glass-card input:not([type=hidden]) {
  border-radius:12px;
  background:rgba(3,22,36,.20);
  border:1px solid rgba(226,246,249,.27);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
  transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;
}
.login-glass-card input:not([type=hidden]):hover {border-color:rgba(183,237,229,.48);background:rgba(3,22,36,.27)}
.login-glass-card input:not([type=hidden]):focus {
  border-color:#82ead9;
  background:rgba(3,22,36,.34);
  box-shadow:0 0 0 3px rgba(105,225,207,.16),0 0 22px rgba(72,215,194,.13),inset 0 1px 2px rgba(0,0,0,.08);
}
.login-glass-card .primary-button.login-submit {
  border:1px solid rgba(177,255,241,.26);
  border-radius:12px;
  background:linear-gradient(105deg,rgba(13,151,147,.94),rgba(7,105,123,.96));
  box-shadow:0 9px 25px rgba(0,9,18,.20),inset 0 1px 0 rgba(255,255,255,.20);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.login-glass-card .primary-button.login-submit:hover {
  background:linear-gradient(105deg,#16b5a8,#087e91);
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 14px 32px rgba(0,8,18,.28),0 0 22px rgba(48,213,190,.17),inset 0 1px 0 rgba(255,255,255,.25);
}
.login-glass-card .primary-button.login-submit:active {transform:translateY(0)}
.login-glass-card .login-security {background:rgba(3,24,38,.16);border-color:rgba(221,245,246,.14)}
.login-copyright {
  position:absolute;z-index:2;left:0;right:0;bottom:14px;
  margin:0;text-align:center;color:rgba(235,246,250,.72);
  font:500 10px 'DM Sans',sans-serif;letter-spacing:.09em;
  text-shadow:0 1px 8px rgba(0,0,0,.35);pointer-events:none;
}
@media(max-width:900px) {
 .login-brand img {width:92px;height:82px;flex-basis:92px}
 .login-copyright {position:relative;bottom:auto;padding:0 12px 14px;grid-column:1}
}
@media(max-width:520px) {
 .login-brand img {width:78px;height:70px;flex-basis:78px}
 .login-brand {gap:14px;font-size:15px}
 .login-glass-card {background:rgba(225,245,249,.055) !important}
}


/* Logo-only login branding: larger standalone mark, no adjacent wordmark */
.login-brand {gap:0}
.login-brand img {width:132px;height:114px;flex:0 0 132px;object-fit:contain}
@media(max-width:900px) {
  .login-brand img {width:112px;height:98px;flex-basis:112px}
}
@media(max-width:520px) {
  .login-brand img {width:96px;height:86px;flex-basis:96px}
}


/* Executive admin dashboard */
.admin-page{min-height:100vh;background:#f3f6f9;color:#183247}
.admin-page .sidebar{width:264px;padding:25px 15px 18px;background:linear-gradient(180deg,#0a2034 0%,#102f47 58%,#0b263b 100%);border-right:1px solid rgba(255,255,255,.06)}
.admin-page .brand{padding:5px 10px 27px;gap:12px;font-size:12px;letter-spacing:.12em}
.admin-page .brand img{width:43px;height:40px;object-fit:contain}
.admin-page .nav-label{margin:17px 11px 8px;color:#7895a9;font-size:9px;letter-spacing:.18em}
.admin-page .nav-link{display:flex;align-items:center;gap:12px;margin:3px 0;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#c0d1dc;font-size:11px;font-weight:500;transition:background .18s,border-color .18s,color .18s}
.admin-page .nav-link:hover{background:rgba(255,255,255,.075);color:#fff}
.admin-page .nav-link.active{background:linear-gradient(90deg,rgba(20,158,149,.25),rgba(255,255,255,.055));border-color:rgba(115,222,204,.12);box-shadow:inset 3px 0 #49c8b3;color:#fff}
.nav-symbol{width:19px;text-align:center;color:#8fcfc7;font-size:15px}
.admin-page .sidebar-bottom{font-size:9px;letter-spacing:.03em}
.admin-page .main-content{margin-left:264px;max-width:none;padding:0 34px 24px}
.admin-page .topbar{height:83px;border-bottom:1px solid #e6edf1}
.topbar-heading h1{font:800 20px Manrope,sans-serif;color:#142f44;margin:5px 0}
.admin-page .eyebrow{font-size:9px;letter-spacing:.17em;color:#168f8d}
.admin-page .topbar-right{gap:15px}
.admin-page .topbar-right form{margin:0}
.admin-page .text-button{padding:8px 0}
.admin-page .text-button:hover{color:#0b8f8b}
.admin-page .avatar{background:linear-gradient(135deg,#d7f1eb,#b8e2dc);color:#126e70;font-size:12px;font-weight:800}
.admin-page .language-pill{background:#fff;border-color:#e6edf1;color:#6c8190}
.language-pill i{font-style:normal;color:#b4c2cb;margin:0 3px}
.admin-page .welcome-row{padding:26px 0 20px;align-items:center}
.admin-page .welcome-row h2{font:800 20px Manrope,sans-serif;color:#16364b;margin:4px 0 6px}
.admin-page .welcome-row .muted{font-size:11px;color:#7c8e9a}
.admin-page .date-chip{background:#fff;border-color:#e5ecef;padding:9px 14px}
.admin-page .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-page .stat-card,.admin-page .panel{border:1px solid #e7edf1;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(17,48,69,.045)}
.admin-page .stat-card{position:relative;min-height:142px;padding:17px 18px;overflow:hidden}
.admin-page .stat-card:after{content:"";position:absolute;width:92px;height:92px;right:-38px;bottom:-50px;border-radius:50%;background:rgba(17,151,143,.055)}
.admin-page .stat-top{font-size:11px;color:#738694}
.admin-page .stat-icon{width:33px;height:33px;border-radius:10px;background:#eaf6f3;color:#138b86}
.admin-page .stat-card strong{font:800 25px Manrope,sans-serif;color:#17384d;margin:12px 0 3px}
.admin-page .stat-card small{font-size:9px;color:#91a1ab}
.stat-trend{display:block;margin-top:9px;color:#148a78;font-size:9px;font-weight:700}
.stat-trend i{font-style:normal;color:#94a3ad;font-weight:500;margin-left:3px}
.neutral-trend{color:#82939e}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:15px;margin-top:16px}
.admin-page .panel{padding:19px;margin-top:0}
.admin-page .panel-heading{align-items:center}
.admin-page .panel-heading h3{font:800 13px Manrope,sans-serif;color:#18384d}
.admin-page .panel-heading .muted{font-size:10px;color:#8a9aa5}
.admin-page .tag{font-size:9px;background:#edf7f5;color:#16877f;white-space:nowrap}
.chart-summary{display:flex;align-items:baseline;gap:10px;margin:18px 0 4px}
.chart-summary strong{font:800 25px Manrope;color:#173b50}
.chart-summary span{font-size:9px;color:#93a1aa}
.sales-chart{height:174px;display:flex;gap:12px;padding-top:8px}
.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 24px;color:#9baab3;font-size:8px}
.chart-plot{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.chart-gridlines{position:absolute;inset:0 0 25px;display:flex;flex-direction:column;justify-content:space-between}
.chart-gridlines i{border-top:1px dashed #e8eef1}
.chart-columns{position:absolute;inset:0 0 25px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:0 10px}
.chart-columns>span{position:relative;z-index:1;width:min(34px,10%);height:var(--bar);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8bd5c8,#d9f0eb);box-shadow:0 3px 8px rgba(28,142,132,.08)}
.chart-columns>span.current-bar{background:linear-gradient(180deg,#159d96,#64c7b7)}
.chart-columns>span i{display:none}
.chart-months{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;color:#93a2ac;font-size:8px}
.demo-caption{margin:10px 0 0;color:#9aa8b1;font-size:9px}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;padding:23px 0 18px}
.donut-chart{width:142px;height:142px;flex:0 0 142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#159c91 0 68%,#83cfc4 68% 90%,#e6b967 90% 100%);position:relative}
.donut-chart:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}
.donut-chart>div{position:relative;z-index:1;text-align:center}
.donut-chart strong{display:block;font:800 23px Manrope;color:#19394d}
.donut-chart small{font-size:9px;color:#91a0aa}
.donut-legend{min-width:112px}
.donut-legend p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;margin:12px 0;font-size:9px;color:#7b8c97}
.donut-legend b{color:#385469;font-size:9px}
.legend-dot{width:7px;height:7px;border-radius:50%}
.legend-dot.paid{background:#159c91}.legend-dot.processing{background:#83cfc4}.legend-dot.pending{background:#e6b967}
.panel-link{color:#148b86;font-size:10px;font-weight:700}
.panel-link:hover{color:#075f65}
.panel-link span{margin-left:5px}
.order-status-panel .panel-link{display:block;border-top:1px solid #edf1f3;padding-top:13px}
.recent-orders-panel{margin-top:15px!important}
.recent-orders-panel .panel-heading{margin-bottom:15px}
.table-scroll{width:100%;overflow-x:auto}
.orders-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}
.orders-table th{padding:10px 12px;background:#f7f9fa;color:#8797a2;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.orders-table th:first-child{border-radius:7px 0 0 7px}.orders-table th:last-child{border-radius:0 7px 7px 0}
.orders-table td{padding:13px 12px;border-bottom:1px solid #eef2f4;color:#657987;font-size:10px}
.orders-table tbody tr:last-child td{border-bottom:0}
.orders-table td strong{color:#23465a;font-weight:700}
.amount-cell{text-align:right;font-weight:700;color:#28475a!important}
.status-pill{display:inline-block;padding:5px 9px;border-radius:20px;font-size:8px;font-weight:700;text-transform:capitalize}
.status-pill.delivered,.status-pill.paid{background:#e8f6ef;color:#23815d}
.status-pill.processing,.status-pill.shipped{background:#eaf2fb;color:#4a78a8}
.status-pill.pending{background:#fff5df;color:#a87820}
.status-pill.cancelled,.status-pill.refunded{background:#fceeed;color:#b45c56}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.action-card{display:flex;align-items:center;gap:11px;padding:15px;background:#fff;border:1px solid #e7edf1;border-radius:12px;transition:transform .18s,box-shadow .18s,border-color .18s}
.action-card:hover{transform:translateY(-2px);border-color:#c4e2dd;box-shadow:0 9px 20px rgba(17,48,69,.06)}
.action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf6f3;color:#148e87;font-size:17px}
.action-card b,.action-card small{display:block}
.action-card b{font-size:10px;color:#29485b}
.action-card small{margin-top:4px;font-size:8px;color:#91a0aa}
.action-card>i{margin-left:auto;color:#168d86;font-style:normal}
.admin-page footer{padding:24px 8px 6px;font-size:9px}
.admin-page footer span{padding:0 4px;color:#c2cbd1}
.page-notice{display:flex;align-items:center;gap:14px;padding:22px;margin:28px 0;background:#fff;border:1px solid #e6edf1;border-radius:14px;box-shadow:0 8px 24px rgba(17,48,69,.04)}
.notice-icon{width:38px;height:38px;display:grid;place-items:center;background:#eaf6f3;border-radius:11px;color:#148e87;font-size:18px}
.page-notice strong{font:800 14px Manrope;color:#1a3a4e}
.page-notice p{margin:5px 0 0;color:#82939e;font-size:11px;line-height:1.6}
.page-notice .tag{margin-left:auto}
.sidebar-scrim{display:none}
@media(max-width:1120px){.admin-page .main-content{padding-left:24px;padding-right:24px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr)}.donut-wrap{gap:12px}.donut-chart{width:120px;height:120px;flex-basis:120px}}
@media(max-width:900px){.admin-page .sidebar{transform:translateX(-100%);transition:transform .22s ease}.admin-page .sidebar.open{transform:translateX(0)}.admin-page .main-content{margin-left:0}.admin-page .menu-toggle{display:block;border:0;background:#fff;color:#24485d;border-radius:9px;width:36px;height:36px;margin-right:13px;cursor:pointer}.admin-page .topbar{justify-content:flex-start}.topbar-heading{flex:1}.sidebar-scrim.visible{display:block;position:fixed;inset:0;z-index:4;background:rgba(5,22,35,.42);backdrop-filter:blur(2px)}}
@media(max-width:760px){.admin-page .main-content{padding:0 17px 20px}.admin-page .topbar{height:74px}.topbar-heading h1{font-size:17px}.admin-page .topbar-right{gap:9px}.admin-page .language-pill{display:none}.admin-page .welcome-row{padding:22px 0 17px}.admin-page .welcome-row h2{font-size:17px}.admin-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-page .stat-card{min-height:130px;padding:14px}.admin-page .stat-card strong{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start;padding-left:10%}.page-notice{align-items:flex-start;padding:16px}.page-notice .tag{display:none}}
@media(max-width:430px){.admin-page .main-content{padding-left:12px;padding-right:12px}.admin-page .topbar-right .text-button{font-size:9px}.admin-page .avatar{width:29px;height:29px}.admin-page .stats-grid{gap:8px}.admin-page .stat-card{padding:12px}.admin-page .stat-top{font-size:10px}.admin-page .stat-card strong{font-size:20px}.admin-page .panel{padding:15px}.donut-wrap{gap:12px;padding-left:0}.donut-chart{width:112px;height:112px;flex-basis:112px}.donut-legend p{font-size:8px}}


/* Dashboard atmospheric motion + restrained glass surfaces */
.admin-page{position:relative;isolation:isolate;background:#eaf0f4}
.admin-page:before,.admin-page:after{content:"";position:fixed;pointer-events:none;z-index:-1;inset:-18%;will-change:transform}
.admin-page:before{background:radial-gradient(ellipse at 22% 24%,rgba(41,157,166,.19),transparent 28%),radial-gradient(ellipse at 78% 18%,rgba(91,139,190,.18),transparent 30%),radial-gradient(ellipse at 68% 78%,rgba(40,177,151,.13),transparent 27%),linear-gradient(135deg,#e9f0f4 0%,#f4f7f9 48%,#e7eef3 100%);animation:cpAtmosphere 28s ease-in-out infinite alternate}
.admin-page:after{inset:-30%;opacity:.48;background:radial-gradient(ellipse at 30% 65%,rgba(43,157,167,.15),transparent 22%),radial-gradient(ellipse at 75% 48%,rgba(65,121,176,.13),transparent 25%);filter:blur(34px);animation:cpDrift 36s ease-in-out infinite alternate}
@keyframes cpAtmosphere{0%{transform:translate3d(-1.5%,0,0) scale(1)}100%{transform:translate3d(1.5%,1%,0) scale(1.06)}}
@keyframes cpDrift{0%{transform:translate3d(2%,-1%,0) rotate(0deg)}100%{transform:translate3d(-2%,2%,0) rotate(9deg)}}
.admin-page .sidebar{background:#102a43;z-index:6}
.admin-page .main-content{position:relative;z-index:1}
.admin-page .topbar{border-bottom-color:rgba(197,213,222,.72)}
.admin-page .stat-card,.admin-page .panel,.admin-page .action-card,.admin-page .page-notice{background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(25,55,76,.075),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-page .stat-card{background:rgba(255,255,255,.72)}
.admin-page .panel{background:rgba(255,255,255,.79)}
.admin-page .action-card{background:rgba(255,255,255,.7)}
.admin-page .language-pill,.admin-page .date-chip{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.86);backdrop-filter:blur(12px)}
.admin-page .orders-table th{background:rgba(242,247,249,.78)}
.admin-page .donut-chart:before{background:#f8fbfc}
.admin-page .stat-card,.admin-page .panel,.admin-page .action-card{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.admin-page .stat-card:hover,.admin-page .panel:hover{border-color:rgba(255,255,255,.98);box-shadow:0 15px 38px rgba(25,55,76,.095),inset 0 1px 0 rgba(255,255,255,.9)}
@media(prefers-reduced-motion:reduce){.admin-page:before,.admin-page:after{animation:none}.admin-page .stat-card,.admin-page .panel,.admin-page .action-card{transition:none}}


/* Product catalog workspace */
.product-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(190,207,217,.7);margin-bottom:18px}
.product-tab{padding:12px 15px;color:#718594;font-size:11px;font-weight:700;border-bottom:2px solid transparent}
.product-tab.active{color:#118b85;border-color:#118b85}
.product-count{margin-left:auto;color:#82939e;font-size:10px}
.product-list-panel,.product-form-wrap{padding:22px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);border-radius:15px;box-shadow:0 12px 34px rgba(25,55,76,.075);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.product-filter{display:flex;gap:10px;margin:18px 0}
.product-filter input,.product-filter select,.product-form input:not([type=checkbox]),.product-form select,.product-form textarea{width:100%;min-width:0;border:1px solid #dce6eb;border-radius:8px;background:rgba(255,255,255,.88);padding:11px 12px;color:#25465a;font:11px 'DM Sans',sans-serif;outline:none}
.product-filter input:focus,.product-form input:focus,.product-form select:focus,.product-form textarea:focus{border-color:#65b9ae;box-shadow:0 0 0 3px rgba(25,157,145,.1)}
.product-filter input{flex:1}.product-filter select{width:170px}
.product-table{min-width:760px}.product-table td{vertical-align:middle}
.product-empty{padding:20px;text-align:center}
.product-form-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.product-form-intro h2{font:800 21px Manrope;color:#173b50;margin:8px 0 5px}
.draft-chip{border:1px solid #d9ebe8;background:#eff8f6;color:#16877f;border-radius:30px;padding:8px 12px;font-size:9px;font-weight:700}
.product-section{margin:11px 0;border:1px solid rgba(215,227,233,.9);border-radius:11px;background:rgba(255,255,255,.62);overflow:hidden}
.product-section summary{display:flex;align-items:center;gap:13px;padding:16px;cursor:pointer;list-style:none}
.product-section summary::-webkit-details-marker{display:none}
.product-section summary:after{content:"＋";margin-left:auto;color:#178e87;font-size:17px}
.product-section[open] summary:after{content:"−"}
.section-number{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#eaf6f3;color:#128b84;font:800 10px Manrope}
.product-section summary b,.product-section summary small{display:block}
.product-section summary b{font:700 12px Manrope;color:#21445a}
.product-section summary small{margin-top:4px;color:#8a9aa5;font-size:9px}
.product-section>.form-grid{padding:0 16px 18px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.form-grid label{display:flex;flex-direction:column;gap:7px;color:#526b7b;font-size:10px;font-weight:700;min-width:0}
.form-grid .span-2{grid-column:span 2}
.form-grid textarea{resize:vertical;line-height:1.5}
.field-note{margin:0;padding:0 16px 16px;color:#8b9aa4;font-size:9px;line-height:1.6}
.inline-check{display:flex;align-items:center;gap:9px;padding:0 16px 16px;color:#506b7b;font-size:10px;font-weight:700}
.inline-check input{accent-color:#138d85}
.product-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px}
.product-form-actions .primary-button,.product-add-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0;padding:12px 17px;border-radius:9px}
.secondary-button{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid #dbe5ea;border-radius:9px;color:#617887;font-size:11px;font-weight:700}
.product-alert{padding:13px 16px;margin:0 0 16px;border:1px solid #cde9df;border-radius:10px;background:rgba(236,249,244,.9);color:#247c60;font-size:11px}
.product-alert[hidden],.product-list-panel[hidden],.product-form-wrap[hidden]{display:none}
@media(max-width:1120px){.form-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.product-list-panel,.product-form-wrap{padding:15px}.product-filter{flex-direction:column}.product-filter select{width:100%}.form-grid,.form-grid.five{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.product-form-intro{align-items:flex-start;gap:10px}.product-form-actions{flex-direction:column-reverse}.product-form-actions>*{width:100%;text-align:center}.product-tabs{gap:0}.product-tab{padding:12px 9px;font-size:10px}}


/* Enterprise sidebar, persistent collapse control, and live dashboard video */
.dashboard-video-page{position:relative;isolation:isolate;background:#eaf0f4;min-height:100vh}
.dashboard-background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.42;pointer-events:none}
.dashboard-video-shade{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(115deg,rgba(226,238,243,.72),rgba(238,245,247,.62) 48%,rgba(221,234,241,.7))}
.dashboard-video-page:before{z-index:-1;opacity:.6}
.dashboard-video-page:after{z-index:-1;opacity:.42}
.dashboard-video-page .sidebar{background:#102a43!important;backdrop-filter:none!important}
.dashboard-video-page .main-content{position:relative;z-index:1;transition:margin-left .24s ease}
.dashboard-video-page .menu-toggle{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(206,220,228,.8);border-radius:9px;background:rgba(255,255,255,.72);color:#25465a;font-size:17px;cursor:pointer;backdrop-filter:blur(10px)}
.dashboard-video-page .sidebar{transition:width .24s ease,transform .24s ease}
.dashboard-video-page .sidebar nav{overflow-x:hidden}
.nav-group{margin:3px 0;color:#c4d4df}
.nav-group>summary{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;cursor:pointer;list-style:none;font-size:11px;font-weight:600;white-space:nowrap;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover,.nav-group[open]>summary{background:#1a3b55;color:#fff}
.nav-symbol{width:17px;flex:0 0 17px;text-align:center;color:#9bb7c8;font-size:14px}
.nav-group.current>summary .nav-symbol{color:#55c7b4}
.nav-group-title{flex:1;overflow:hidden;text-overflow:ellipsis}
.nav-chevron{color:#87a1b3;font-size:14px;transition:transform .2s}
.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-submenu{padding:2px 0 6px 40px;display:grid;gap:2px}
.submenu-link{display:block;padding:8px 9px;border-radius:6px;color:#a9bfcd;font-size:10px;line-height:1.35}
.submenu-link:hover,.submenu-link.active{background:rgba(53,104,127,.55);color:#fff}
.submenu-link.active{box-shadow:inset 2px 0 #43c2ad}
.dashboard-video-page .sidebar-bottom{margin-top:18px}
.dashboard-video-page.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}
.dashboard-video-page.sidebar-collapsed .main-content{margin-left:76px}
.dashboard-video-page.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}
.dashboard-video-page.sidebar-collapsed .brand span,.dashboard-video-page.sidebar-collapsed .nav-label,.dashboard-video-page.sidebar-collapsed .nav-group-title,.dashboard-video-page.sidebar-collapsed .nav-chevron,.dashboard-video-page.sidebar-collapsed .nav-submenu,.dashboard-video-page.sidebar-collapsed .sidebar-bottom{display:none}
.dashboard-video-page.sidebar-collapsed .nav-group>summary{justify-content:center;padding:12px 6px}
.dashboard-video-page.sidebar-collapsed .nav-symbol{font-size:17px}
.dashboard-video-page.sidebar-collapsed .brand img{width:42px}
.dashboard-video-page .stat-card,.dashboard-video-page .panel,.dashboard-video-page .action-card,.dashboard-video-page .page-notice{background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.76);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.dashboard-video-page .topbar{background:rgba(244,249,251,.22);backdrop-filter:blur(10px)}
@media(max-width:760px){.dashboard-video-page .sidebar{width:258px;transform:translateX(-100%)}.dashboard-video-page .sidebar.open{transform:translateX(0);width:258px}.dashboard-video-page .main-content,.dashboard-video-page.sidebar-collapsed .main-content{margin-left:0}.dashboard-video-page.sidebar-collapsed .sidebar{width:258px}.dashboard-video-page.sidebar-collapsed .brand span,.dashboard-video-page.sidebar-collapsed .nav-label,.dashboard-video-page.sidebar-collapsed .nav-group-title,.dashboard-video-page.sidebar-collapsed .nav-chevron,.dashboard-video-page.sidebar-collapsed .nav-submenu,.dashboard-video-page.sidebar-collapsed .sidebar-bottom{display:initial}.dashboard-video-page.sidebar-collapsed .nav-group>summary{justify-content:flex-start;padding:10px 11px}.dashboard-video-page.sidebar-collapsed .brand{justify-content:flex-start;padding:0 8px 28px}.dashboard-video-page .menu-toggle{display:grid}}
@media(prefers-reduced-motion:reduce){.dashboard-background-video{display:none}.dashboard-video-page .sidebar,.dashboard-video-page .main-content{transition:none}}

/* Full-viewport video backdrop, premium ecosystem sidebar and persistent collapse control */
body.admin-page.dashboard-video-page{background:transparent!important;isolation:isolate;overflow-x:hidden}
.dashboard-video-page .dashboard-background-video{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-width:100vw;min-height:100vh;object-fit:cover;object-position:center;z-index:0!important;opacity:1!important;display:block!important}
.dashboard-video-page .dashboard-video-shade{position:fixed!important;inset:0!important;z-index:1!important;background:linear-gradient(110deg,rgba(4,17,31,.30),rgba(5,22,37,.23) 48%,rgba(4,17,31,.29))!important;pointer-events:none}
.dashboard-video-page:before,.dashboard-video-page:after{display:none!important}
.dashboard-video-page .sidebar{z-index:12!important;background:linear-gradient(180deg,#0a2037,#102c49 54%,#0b2138)!important;box-shadow:12px 0 38px rgba(1,12,24,.25);border-right:1px solid rgba(160,194,213,.12)}
.dashboard-video-page .main-content{z-index:3!important;position:relative;background:transparent}
.dashboard-video-page .topbar{background:rgba(7,25,42,.16)!important;border-bottom-color:rgba(220,239,247,.18);backdrop-filter:blur(13px)}
.dashboard-video-page .topbar h1,.dashboard-video-page .welcome-row h2{color:#f4f9fc;text-shadow:0 2px 16px rgba(0,0,0,.2)}
.dashboard-video-page .eyebrow{color:#8fe0d3}
.dashboard-video-page .muted,.dashboard-video-page .topbar-right .text-button{color:#d0e0e9}
.dashboard-video-page .date-chip,.dashboard-video-page .language-pill{color:#e6f0f5;background:rgba(8,29,47,.35);border-color:rgba(220,239,247,.22)}
.dashboard-video-page .stat-card,.dashboard-video-page .panel,.dashboard-video-page .action-card,.dashboard-video-page .page-notice,.dashboard-video-page .product-list-panel,.dashboard-video-page .product-form-wrap{background:rgba(237,246,250,.82)!important;border:1px solid rgba(255,255,255,.54)!important;box-shadow:0 16px 44px rgba(0,10,22,.18),inset 0 1px 0 rgba(255,255,255,.65)!important;backdrop-filter:blur(19px) saturate(130%);-webkit-backdrop-filter:blur(19px) saturate(130%)}
.dashboard-video-page .panel-heading h3,.dashboard-video-page .stat-card strong,.dashboard-video-page .page-notice strong{color:#17374d}
.dashboard-video-page footer{color:rgba(235,245,249,.7)}
.dashboard-video-page .sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#35566e transparent}
.dashboard-video-page .nav-group{margin:3px 0}
.dashboard-video-page .nav-group>summary{min-height:42px;gap:12px;padding:9px 11px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.005em;color:#c6d6e1;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s}
.dashboard-video-page .nav-group>summary:hover,.dashboard-video-page .nav-group[open]>summary{background:rgba(67,111,140,.27);border-color:rgba(160,199,218,.09);color:#fff}
.dashboard-video-page .nav-icon{display:block;width:19px;height:19px;flex:0 0 19px;color:#9bbbd0;transition:color .18s}
.dashboard-video-page .nav-group.current>summary .nav-icon,.dashboard-video-page .nav-group[open]>summary .nav-icon{color:#61d4c2}
.dashboard-video-page .nav-group-title{font-size:11px;font-weight:600;letter-spacing:.01em}
.dashboard-video-page .nav-chevron{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#8daabd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.dashboard-video-page .nav-group[open] .nav-chevron{transform:rotate(180deg)}
.dashboard-video-page .nav-submenu{padding:3px 0 8px 42px;gap:3px}
.dashboard-video-page .submenu-link{padding:8px 10px;color:#a9c0d0;font-size:10px;font-weight:500;letter-spacing:.005em;border-radius:7px}
.dashboard-video-page .submenu-link:hover,.dashboard-video-page .submenu-link.active{background:rgba(63,119,147,.28);color:#fff}
.dashboard-video-page .sidebar-bottom{display:flex;align-items:center;flex:0 0 auto;margin:10px 2px 0;padding:13px 8px 12px;border-top:1px solid rgba(178,207,224,.13);color:#a9c0cf;font-size:9px;white-space:nowrap}
.dashboard-video-page .sidebar-collapse-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:0 0 auto;width:100%;min-height:43px;margin-top:7px;padding:0 12px;border:1px solid rgba(164,197,215,.15);border-radius:9px;background:rgba(255,255,255,.055);color:#c8d9e4;font:600 10px 'DM Sans',sans-serif;letter-spacing:.025em;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.dashboard-video-page .sidebar-collapse-button:hover{background:rgba(76,135,161,.2);border-color:rgba(139,211,204,.35);color:#fff}
.dashboard-video-page .sidebar-collapse-button svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-video-page .sidebar-collapse-button span{white-space:nowrap}
.dashboard-video-page.sidebar-collapsed .sidebar{width:78px;padding:20px 10px 14px}
.dashboard-video-page.sidebar-collapsed .main-content{margin-left:78px}
.dashboard-video-page.sidebar-collapsed .brand{justify-content:center;padding:0 0 22px}
.dashboard-video-page.sidebar-collapsed .brand span,.dashboard-video-page.sidebar-collapsed .nav-group-title,.dashboard-video-page.sidebar-collapsed .nav-chevron,.dashboard-video-page.sidebar-collapsed .nav-submenu,.dashboard-video-page.sidebar-collapsed .sidebar-bottom-label,.dashboard-video-page.sidebar-collapsed .sidebar-collapse-button span{display:none!important}
.dashboard-video-page.sidebar-collapsed .brand img{width:43px;height:40px}
.dashboard-video-page.sidebar-collapsed .nav-group>summary{justify-content:center;padding:11px 5px}
.dashboard-video-page.sidebar-collapsed .nav-icon{width:21px;height:21px;flex-basis:21px}
.dashboard-video-page.sidebar-collapsed .sidebar-bottom{justify-content:center;padding:12px 0}
.dashboard-video-page.sidebar-collapsed .sidebar-bottom .status-dot{margin:0}
.dashboard-video-page.sidebar-collapsed .sidebar-collapse-button{justify-content:center;padding:0}
.dashboard-video-page.sidebar-collapsed .sidebar-collapse-button svg{transform:rotate(180deg)}
@media(max-width:760px){
.dashboard-video-page .sidebar{width:270px;transform:translateX(-100%);padding:22px 15px 14px}
.dashboard-video-page .sidebar.open{transform:translateX(0);width:270px}
.dashboard-video-page .main-content,.dashboard-video-page.sidebar-collapsed .main-content{margin-left:0}
.dashboard-video-page.sidebar-collapsed .sidebar{width:270px}
.dashboard-video-page.sidebar-collapsed .brand span,.dashboard-video-page.sidebar-collapsed .nav-group-title,.dashboard-video-page.sidebar-collapsed .nav-chevron,.dashboard-video-page.sidebar-collapsed .nav-submenu,.dashboard-video-page.sidebar-collapsed .sidebar-bottom-label,.dashboard-video-page.sidebar-collapsed .sidebar-collapse-button span{display:initial!important}
.dashboard-video-page.sidebar-collapsed .brand{justify-content:flex-start;padding:0 8px 22px}
.dashboard-video-page.sidebar-collapsed .nav-group>summary{justify-content:flex-start;padding:9px 11px}
.dashboard-video-page.sidebar-collapsed .sidebar-bottom{justify-content:flex-start;padding:13px 8px 12px}
.dashboard-video-page.sidebar-collapsed .sidebar-bottom .status-dot{margin-right:7px}
.dashboard-video-page .sidebar-collapse-button{display:none}
}
@media(prefers-reduced-motion:reduce){.dashboard-video-page .dashboard-background-video{display:none!important}}

/* Recovery hardening: keep the video behind content without creating a foreground stacking layer */
body.admin-page.dashboard-video-page{position:relative;isolation:isolate;background:transparent!important;min-height:100vh;overflow-x:hidden}
.dashboard-video-page .dashboard-background-video{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;object-fit:cover!important;z-index:-2!important;opacity:.88!important;display:block!important;pointer-events:none}
.dashboard-video-page .dashboard-video-shade{position:fixed!important;inset:0!important;z-index:-1!important;background:rgba(5,20,34,.28)!important;pointer-events:none}
.dashboard-video-page .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:258px!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:30!important;background:linear-gradient(180deg,#0a2037,#102c49 54%,#0b2138)!important}
.dashboard-video-page .main-content{position:relative!important;z-index:2!important;margin-left:258px!important;visibility:visible!important;opacity:1!important}
.dashboard-video-page .topbar{display:flex!important;visibility:visible!important;opacity:1!important;min-height:100px;position:relative;z-index:3}
.dashboard-video-page .sidebar nav{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
.dashboard-video-page.sidebar-collapsed .sidebar{width:78px!important}
.dashboard-video-page.sidebar-collapsed .main-content{margin-left:78px!important}
@media(max-width:760px){
 .dashboard-video-page .sidebar{width:270px!important;transform:translateX(-100%)}
 .dashboard-video-page .sidebar.open{transform:translateX(0)}
 .dashboard-video-page .main-content,.dashboard-video-page.sidebar-collapsed .main-content{margin-left:0!important}
 .dashboard-video-page .topbar{min-height:82px}
}

/* Final visual pass: video visible through sidebar and all dashboard surfaces */
body.admin-page.dashboard-video-page{background:transparent!important}
.dashboard-video-page .dashboard-background-video{z-index:-2!important;opacity:1!important}
.dashboard-video-page .dashboard-video-shade{z-index:-1!important;background:rgba(4,17,31,.17)!important}
.dashboard-video-page .sidebar{background:linear-gradient(180deg,rgba(7,27,46,.70),rgba(11,43,66,.58) 54%,rgba(7,27,46,.72))!important;border-right:1px solid rgba(210,237,247,.18);backdrop-filter:blur(13px) saturate(125%);-webkit-backdrop-filter:blur(13px) saturate(125%)}
.dashboard-video-page .sidebar .brand{flex:0 0 auto}
.dashboard-video-page .sidebar-search{height:40px;display:flex;align-items:center;gap:9px;margin:0 4px 14px;padding:0 10px;border:1px solid rgba(205,229,240,.22);border-radius:9px;background:rgba(225,242,249,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.dashboard-video-page .sidebar-search svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#b8d2df;stroke-width:1.8;stroke-linecap:round}
.dashboard-video-page .sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f2f8fb;font:500 11px 'DM Sans',sans-serif}
.dashboard-video-page .sidebar-search input::placeholder{color:#a8c0ce}
.dashboard-video-page .sidebar-search kbd{border:1px solid rgba(205,229,240,.2);border-radius:4px;padding:2px 5px;color:#a9c2d0;font:10px 'DM Sans',sans-serif}
.dashboard-video-page .topbar-heading{display:flex;align-items:center;gap:14px}
.dashboard-video-page .topbar-brand-logo{display:block;width:48px;height:43px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))}
.dashboard-video-page .topbar-heading h1{margin-top:3px}
.dashboard-video-page .stat-card,.dashboard-video-page .panel,.dashboard-video-page .action-card,.dashboard-video-page .page-notice,.dashboard-video-page .product-list-panel,.dashboard-video-page .product-form-wrap{background:rgba(226,241,248,.17)!important;border:1px solid rgba(231,246,252,.29)!important;box-shadow:0 14px 42px rgba(0,8,18,.15),inset 0 1px 0 rgba(255,255,255,.15)!important;backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%)}
.dashboard-video-page .panel-heading h3,.dashboard-video-page .stat-card strong,.dashboard-video-page .page-notice strong,.dashboard-video-page .chart-summary strong{color:#f4f9fc!important;text-shadow:0 1px 8px rgba(0,0,0,.22)}
.dashboard-video-page .stat-top,.dashboard-video-page .stat-card small,.dashboard-video-page .chart-summary span,.dashboard-video-page .panel .muted,.dashboard-video-page .demo-caption{color:rgba(237,247,251,.82)!important}
.dashboard-video-page .tag{color:#d9f8f2!important;background:rgba(14,126,128,.34)!important;border:1px solid rgba(143,225,213,.25)}
.dashboard-video-page .chart-gridlines i{border-color:rgba(238,248,252,.22)!important}
.dashboard-video-page .chart-months,.dashboard-video-page .chart-y-labels{color:rgba(236,246,251,.78)!important}
.dashboard-video-page .orders-table th,.dashboard-video-page .orders-table td{color:#eff7fa;border-color:rgba(228,242,248,.16)}
.dashboard-video-page .orders-table tbody tr:hover{background:rgba(255,255,255,.07)}
.dashboard-video-page .action-card b,.dashboard-video-page .action-card small{color:#f0f7fa}
.dashboard-video-page .panel-link{color:#a7eee0}
.dashboard-video-page.sidebar-collapsed .sidebar-search{justify-content:center;padding:0}
.dashboard-video-page.sidebar-collapsed .sidebar-search input,.dashboard-video-page.sidebar-collapsed .sidebar-search kbd{display:none}
.dashboard-video-page.sidebar-collapsed .sidebar-search svg{width:18px;height:18px}
@media(max-width:760px){.dashboard-video-page .topbar-brand-logo{width:38px;height:35px}.dashboard-video-page .sidebar-search{margin-bottom:12px}}

/* Header controls, no sidebar branding, and a shared product workspace shell */
.dashboard-video-page .topbar-brand-logo{width:56px;height:50px;filter:drop-shadow(0 2px 12px rgba(255,255,255,.28)) drop-shadow(0 3px 8px rgba(0,0,0,.3))}
.dashboard-video-page .header-icon-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(225,242,249,.23);border-radius:11px;background:rgba(225,242,249,.11);color:#e8f4f8;backdrop-filter:blur(12px);transition:background .18s,border-color .18s}
.dashboard-video-page .header-icon-button:hover,.dashboard-video-page .profile-trigger:hover{background:rgba(225,242,249,.2);border-color:rgba(225,242,249,.4)}
.dashboard-video-page .header-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-video-page .notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#64dfc4;box-shadow:0 0 0 2px rgba(12,43,61,.7)}
.dashboard-video-page .profile-menu{position:relative}
.dashboard-video-page .profile-trigger{display:flex;align-items:center;gap:9px;border:1px solid rgba(225,242,249,.23);border-radius:11px;background:rgba(225,242,249,.11);padding:4px 9px 4px 5px;color:#eff8fb;cursor:pointer}
.dashboard-video-page .profile-trigger>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.dashboard-video-page .profile-label{font:600 10px 'DM Sans',sans-serif}
.dashboard-video-page .profile-dropdown{position:absolute;right:0;top:calc(100% + 9px);z-index:50;min-width:160px;padding:6px;border:1px solid rgba(226,242,249,.22);border-radius:12px;background:rgba(9,31,49,.96);box-shadow:0 16px 38px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.dashboard-video-page .profile-dropdown[hidden]{display:none}
.dashboard-video-page .profile-dropdown a,.dashboard-video-page .profile-dropdown form button{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#e6f2f7;text-align:left;font:500 11px 'DM Sans',sans-serif;cursor:pointer}
.dashboard-video-page .profile-dropdown a:hover,.dashboard-video-page .profile-dropdown form button:hover{background:rgba(255,255,255,.1)}
.dashboard-video-page .sales-panel,.dashboard-video-page .order-status-panel{background:rgba(226,241,248,.10)!important;border-color:rgba(231,246,252,.18)!important;box-shadow:none!important;backdrop-filter:blur(7px) saturate(115%)!important}
.dashboard-video-page .sales-panel .sales-chart,.dashboard-video-page .order-status-panel .donut-wrap,.dashboard-video-page .sales-panel .chart-plot,.dashboard-video-page .order-status-panel .donut-chart{background-color:transparent!important}
.dashboard-video-page .custom-page-content .welcome-row{padding-top:28px}
.dashboard-video-page .custom-page-content .product-list-panel,.dashboard-video-page .custom-page-content .product-form-wrap{background:rgba(226,241,248,.17)!important;border:1px solid rgba(231,246,252,.29)!important;backdrop-filter:blur(15px) saturate(125%)}
.dashboard-video-page .custom-page-content .product-form-wrap,.dashboard-video-page .custom-page-content .product-list-panel{color:#edf7fb}
.dashboard-video-page .custom-page-content .product-form-wrap h2,.dashboard-video-page .custom-page-content .product-list-panel h3{color:#f4f9fc}
@media(max-width:760px){.dashboard-video-page .profile-label{display:none}.dashboard-video-page .topbar-right{gap:7px}}


/* ChachaPrime global admin video shell + logo-led header */
body.admin-page.dashboard-video-page{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:#071827!important}
.dashboard-video-page>.dashboard-background-video{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;object-fit:cover!important;display:block!important;z-index:0!important;opacity:1!important;pointer-events:none!important}
.dashboard-video-page>.dashboard-video-shade{position:fixed!important;inset:0!important;z-index:1!important;background:rgba(3,15,29,.34)!important;pointer-events:none!important}
.dashboard-video-page>.sidebar{z-index:30!important}
.dashboard-video-page>.main-content{position:relative!important;z-index:2!important;background:transparent!important}
.dashboard-video-page .topbar{position:relative!important;z-index:3!important;min-height:100px;height:100px;background:rgba(3,17,33,.28)!important;border-bottom:1px solid rgba(220,241,249,.2)!important;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.dashboard-video-page .topbar-heading{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
.dashboard-video-page .topbar-brand-logo{width:172px!important;height:78px!important;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 14px rgba(255,255,255,.3)) drop-shadow(0 4px 9px rgba(0,0,0,.42))}
.dashboard-video-page .menu-toggle{flex:0 0 36px}
.dashboard-video-page .topbar-right{flex:0 0 auto}
.dashboard-video-page .welcome-row,.dashboard-video-page .product-tabs,.dashboard-video-page .custom-page-content{position:relative;z-index:2}
.dashboard-video-page .stat-card,.dashboard-video-page .panel,.dashboard-video-page .action-card,.dashboard-video-page .page-notice,.dashboard-video-page .product-list-panel,.dashboard-video-page .product-form-wrap,.dashboard-video-page .product-section,.dashboard-video-page .module-grid>div,.dashboard-video-page .page-card,.dashboard-video-page .settings-card,.dashboard-video-page .workspace-card{background:rgba(8,29,48,.58)!important;border:1px solid rgba(218,239,248,.22)!important;color:#edf7fb!important;box-shadow:0 14px 42px rgba(0,8,18,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.dashboard-video-page .product-form-wrap{padding:22px;border-radius:15px}
.dashboard-video-page .product-section{border-radius:12px;padding:17px;margin:13px 0;background:rgba(226,241,248,.105)!important}
.dashboard-video-page .product-form-intro h2,.dashboard-video-page .product-section summary,.dashboard-video-page .product-section b,.dashboard-video-page .panel-heading h3,.dashboard-video-page .product-list-panel h3{color:#f3f9fc!important}
.dashboard-video-page .product-form label,.dashboard-video-page .product-section small,.dashboard-video-page .field-note,.dashboard-video-page .product-form .muted{color:rgba(231,243,249,.82)!important}
.dashboard-video-page .product-form input:not([type=checkbox]):not([type=hidden]),.dashboard-video-page .product-form select,.dashboard-video-page .product-form textarea,.dashboard-video-page .product-filter input,.dashboard-video-page .product-filter select{background:rgba(4,19,33,.66)!important;border:1px solid rgba(210,235,245,.24)!important;color:#f3f9fc!important}
.dashboard-video-page .product-form input::placeholder,.dashboard-video-page .product-form textarea::placeholder,.dashboard-video-page .product-filter input::placeholder{color:rgba(213,231,240,.52)!important}
.dashboard-video-page .product-form input:focus,.dashboard-video-page .product-form select:focus,.dashboard-video-page .product-form textarea:focus{border-color:#66d4c4!important;box-shadow:0 0 0 3px rgba(102,212,196,.13)!important;outline:0}
.dashboard-video-page .product-tabs{border-bottom-color:rgba(220,241,249,.22)}
.dashboard-video-page .product-tab{color:rgba(228,242,248,.72)}
.dashboard-video-page .product-tab.active{color:#70dfcf;border-color:#70dfcf}
.dashboard-video-page .product-count,.dashboard-video-page .muted,.dashboard-video-page footer{color:rgba(223,239,246,.68)!important}
.dashboard-video-page .orders-table th{background:rgba(3,19,34,.42)!important}
.dashboard-video-page .orders-table td{background:transparent!important;color:#eff7fa!important}
.dashboard-video-page .topbar-heading h1,.dashboard-video-page .topbar-heading .eyebrow{display:none!important}
@media(max-width:760px){.dashboard-video-page .topbar{min-height:78px;height:78px}.dashboard-video-page .topbar-brand-logo{width:128px!important;height:66px!important}.dashboard-video-page .topbar-heading{justify-content:center}.dashboard-video-page .topbar-right{gap:7px}}
@media(prefers-reduced-motion:reduce){.dashboard-video-page>.dashboard-background-video{display:block!important}}