*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0d12;color:#f5f7fb}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.site-header{background:#11141b;border-bottom:1px solid #242936;position:sticky;top:0;z-index:10}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:800}.brand span{color:#2563eb}.nav nav{display:flex;align-items:center;gap:18px}.nav nav a{color:#c8ced8}.nav nav a:hover{color:#fff}.btn{display:inline-block;background:#2563eb;color:white;border:0;border-radius:9px;padding:11px 17px;cursor:pointer}.btn:hover{background:#1d4ed8}.btn-small{padding:8px 12px}.hero{padding:55px 0;background:radial-gradient(circle at 80% 20%,#0b2a5b,transparent 40%)}.hero h1{font-size:clamp(34px,6vw,60px);margin:0 0 14px}.hero p{max-width:650px;color:#aeb6c5;line-height:1.7}.section{padding:30px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#151923;border:1px solid #242936;border-radius:13px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#3a4252}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#1b1f29}.card-body{padding:13px}.card h3{font-size:16px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:#8f99aa;font-size:13px}.badge{display:inline-block;background:#242936;color:#cbd5e1;border-radius:99px;padding:4px 8px;font-size:12px;margin:2px}.form-wrap{max-width:520px;margin:55px auto}.panel{background:#12151d;border:1px solid #272d39;border-radius:14px;padding:25px}.input,select,textarea{width:100%;background:#0d1016;color:#fff;border:1px solid #303746;border-radius:9px;padding:12px;margin:7px 0 15px;font:inherit}textarea{min-height:140px;resize:vertical}.detail{display:grid;grid-template-columns:260px 1fr;gap:30px;padding:45px 0}.detail img{width:100%;border-radius:12px}.detail h1{font-size:42px;margin-top:0}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.watch{padding:35px 0}.video{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #252a35;border-radius:12px}.alert{padding:12px 15px;border-radius:9px;margin:15px 0;background:#3a1820;color:#fecaca}.success{background:#12351f;color:#bbf7d0}.footer{border-top:1px solid #222733;color:#7f8999;padding:30px 0;margin-top:50px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #292f3b;text-align:left;white-space:nowrap}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{padding:20px;background:#151923;border:1px solid #272d39;border-radius:12px}.stat b{font-size:28px;display:block;margin-top:6px}.actions{display:flex;gap:7px}.btn-secondary{background:#303746}.btn-danger{background:#b91c1c}.search{display:flex;gap:10px}.search .input{margin:0}.empty{padding:40px;text-align:center;color:#8f99aa;background:#12151d;border-radius:12px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detail img{max-width:260px}.stats{grid-template-columns:1fr}.nav nav{gap:10px;font-size:13px}}@media(max-width:480px){.grid{grid-template-columns:1fr 1fr}.card h3{font-size:14px}.hero{padding:35px 0}.search{flex-direction:column}.search .btn{width:100%}}
/* Blue theme enhancements */
body{background:#07111f}.site-header{background:#0a1628;border-bottom-color:#19304f}.brand span{color:#3b82f6}.nav nav a:hover{color:#60a5fa}.hero{background:radial-gradient(circle at 80% 20%,#0b3b82,transparent 42%),linear-gradient(135deg,#07111f,#0b1729)}.btn{background:#2563eb;box-shadow:0 5px 18px rgba(37,99,235,.22)}.btn:hover{background:#1d4ed8}.card{background:#0d1a2d;border-color:#1c3556}.card:hover{border-color:#2563eb;box-shadow:0 10px 30px rgba(37,99,235,.12)}.panel,.empty,.stat{background:#0b1729;border-color:#1c3556}.input,select,textarea{background:#07111f;border-color:#23466f}.input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.14)}.badge{background:#102a4d;color:#bfdbfe}.table th,.table td{border-bottom-color:#1c3556}.btn-secondary{background:#16355d}.btn-secondary:hover{background:#1d4f88}

/* Dynamic themes & new modules */
:root{--primary:#2563eb;--primary-dark:#1d4ed8}
.btn{background:var(--primary)}.btn:hover{background:var(--primary-dark)}.brand span,.nav nav a:hover{color:var(--primary)}
.theme-purple{--primary:#7c3aed;--primary-dark:#6d28d9}.theme-green{--primary:#16a34a;--primary-dark:#15803d}.theme-red{--primary:#dc2626;--primary-dark:#b91c1c}.theme-dark{--primary:#64748b;--primary-dark:#475569}
.theme-purple .hero{background:radial-gradient(circle at 80% 20%,#4c1d95,transparent 42%),linear-gradient(135deg,#07111f,#0b1729)}
.theme-green .hero{background:radial-gradient(circle at 80% 20%,#14532d,transparent 42%),linear-gradient(135deg,#07111f,#0b1729)}
.theme-red .hero{background:radial-gradient(circle at 80% 20%,#7f1d1d,transparent 42%),linear-gradient(135deg,#07111f,#0b1729)}
.embed-player{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #1c3556;border-radius:12px;overflow:hidden}.embed-player iframe,.embed-player video{width:100%;height:100%;border:0;display:block}
.comment-list{display:grid;gap:12px;margin-top:20px}.comment{background:#0d1a2d;border:1px solid #1c3556;border-radius:12px;padding:15px}.comment-head,.message-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.comment p,.message-card p{margin-bottom:0;line-height:1.6}
.message-grid{display:grid;grid-template-columns:360px 1fr;gap:25px}.message-card{background:#0d1a2d;border:1px solid #1c3556;border-radius:12px;padding:15px;margin:10px 0}.message-card.unread{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent)}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.color-input{height:52px;padding:5px}.code-input{font-family:Consolas,monospace;min-height:170px}
@media(max-width:800px){.message-grid,.admin-form-grid{grid-template-columns:1fr}.embed-player{aspect-ratio:16/9}}
:root{--primary:#2563eb}.hero{position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center;background-size:cover;background-position:center}.hero-content{position:relative;z-index:2;max-width:760px;padding:80px 0}.hero-kicker{display:inline-block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#60a5fa;margin-bottom:10px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:0 0 18px}.hero p{font-size:18px;max-width:680px}.hero-glow{position:absolute;width:500px;height:500px;right:-150px;bottom:-220px;background:var(--primary);filter:blur(120px);opacity:.25}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.featured{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-top:-60px;position:relative;z-index:3;padding:0 30px 35px}.featured>div:last-child{background:rgba(11,23,41,.96);border:1px solid #1c3556;border-radius:18px;padding:28px}.featured-poster img{width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.4)}.featured h2{font-size:34px;margin:0 0 10px}.poster-wrap{position:relative}.premium-tag{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.film-card{height:100%}.paywall{padding:80px 0}.paywall-card{text-align:center;max-width:650px;margin:auto;padding:55px}.lock-icon{font-size:55px}.price-big{font-size:38px;font-weight:900;margin:15px 0}.price-big small{font-size:14px;color:#8f99aa;font-weight:500}.subscription-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}.bank-box{display:grid;gap:5px;background:#07111f;border:1px solid #23466f;border-radius:12px;padding:18px;margin:15px 0}.footer{background:#050b15;border-top:1px solid #1c3556;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:45px 0}.footer-grid h4{margin-top:0}.footer-grid a{display:block;color:#9fb2ca;margin:8px 0}.footer-brand{font-size:25px;font-weight:900}.footer-bottom{border-top:1px solid #182a43;padding:18px 0;color:#718096;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment-actions{display:flex;gap:5px;align-items:center}.status-approved{background:#14532d;color:#bbf7d0}.status-pending{background:#713f12;color:#fde68a}.status-rejected{background:#7f1d1d;color:#fecaca}.comment-list{display:grid;gap:10px;margin-top:15px}.comment{background:#0b1729;border:1px solid #1c3556;border-radius:12px;padding:15px}.comment-head{display:flex;justify-content:space-between;gap:10px}.embed-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid #1c3556}.embed-player iframe,.embed-player video{width:100%;height:100%;border:0}.code-input{font-family:Consolas,monospace;min-height:130px}
@media(max-width:800px){.featured,.subscription-grid,.settings-grid,.footer-grid{grid-template-columns:1fr}.featured{margin-top:0;padding:25px 0}.featured-poster{max-width:220px}.hero{min-height:430px}.hero-content{padding:60px 0}.paywall-card{padding:35px 20px}}

/* === Simple 3-line menu + admin notifications === */
.hamburger{display:none;width:44px;height:44px;padding:8px;border:1px solid #27476f;border-radius:10px;background:#0d1c30;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.hamburger span{display:block;width:22px;height:2px;background:#dbeafe;border-radius:2px;transition:.2s}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.admin-main-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.admin-main-nav a{position:relative;color:#cbd5e1;font-size:14px;padding:8px 2px}
.admin-main-nav a:hover{color:#60a5fa}
.nav-notify{padding-right:20px!important}
.notify-badge{position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;line-height:18px;text-align:center;font-weight:800}
.admin-alerts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 8px}
.admin-alert-item{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #294c76;border-radius:10px;background:#0b1b30;color:#dbeafe;font-size:13px}
.admin-alert-item:hover{border-color:#3b82f6;background:#102743}
.comment-alert{border-color:#254e79}.payment-alert{border-color:#5a4b20}

@media(max-width:850px){
  .admin-header .nav{position:relative}
  .hamburger{display:flex}
  .admin-main-nav{display:none;position:absolute;right:0;top:58px;width:min(290px,92vw);padding:10px;background:#0a1628;border:1px solid #23466f;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);flex-direction:column;align-items:stretch;gap:2px;z-index:30}
  .admin-main-nav.is-open{display:flex}
  .admin-main-nav a{padding:11px 12px;border-radius:8px}
  .admin-main-nav a:hover{background:#102a4d}
}
@media(min-width:851px){.admin-alerts{margin-top:18px}}


/* === FINAL HEADER POLISH / FIX === */
.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(7,17,31,.94);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.nav{min-height:72px;position:relative}
.brand{font-size:28px;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:center;gap:0;white-space:nowrap}
.site-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.site-main-nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:9px;color:#dbeafe!important;font-size:15px;font-weight:600;transition:.18s ease}
.site-main-nav a:hover{background:#102a4d;color:#fff!important}
.site-main-nav .btn{color:#fff!important;padding:9px 16px}
.hamburger{display:none!important;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #294c76;border-radius:10px;background:#0d1c30;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;appearance:none;-webkit-appearance:none;box-shadow:none;line-height:0;font-size:0}
.hamburger span{display:block!important;width:22px;height:2px;min-height:2px;background:#dbeafe;border-radius:99px;margin:0!important;padding:0!important;line-height:0;transition:transform .2s ease,opacity .2s ease}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:851px){
 .hamburger{display:none!important}
 .site-main-nav{display:flex!important;position:static!important}
}
@media(max-width:850px){
 .nav{min-height:64px}
 .hamburger{display:flex!important}
 .site-main-nav{display:none;position:absolute;right:0;top:59px;width:min(320px,calc(100vw - 30px));padding:10px;background:#091729;border:1px solid #23466f;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);flex-direction:column;align-items:stretch;gap:3px;z-index:50}
 .site-main-nav.is-open{display:flex!important}
 .site-main-nav a{width:100%;padding:12px 14px;min-height:44px}
 .site-main-nav .btn{justify-content:center;margin-top:4px}
}
@media(max-width:480px){
 .container{width:min(94%,1120px)}
 .brand{font-size:25px}
 .site-main-nav{top:58px}
}

/* === V7 Responsive account/admin polish === */
body{overflow-x:hidden}.menu-open{overflow:hidden}
.profile-avatar{display:block;object-fit:cover;border-radius:50%;border:2px solid #315f94;background:#102a4d}
.profile-avatar-lg{width:82px;height:82px}.profile-avatar-xl{width:140px;height:140px;margin:0 auto 18px}
.table-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #315f94;background:#102a4d}
.eyebrow{display:inline-block;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:5px}
.account-page{max-width:1180px}.account-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:25px;margin-bottom:22px;background:linear-gradient(135deg,#0c1d33,#0b2a5b);border:1px solid #214a78;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.account-hero h1{margin:3px 0 4px}.account-edit{justify-self:end}
.account-layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.account-sidebar{align-self:start;position:sticky;top:92px;padding:10px;background:#0b1729;border:1px solid #1c3556;border-radius:16px}
.account-sidebar a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;margin:2px 0;border-radius:10px;color:#b9c9dd;font-weight:650}
.account-sidebar a:hover,.account-sidebar a.active{background:#102a4d;color:#fff}.menu-count{min-width:22px;padding:2px 6px;border-radius:99px;background:var(--primary);color:#fff;font-size:11px;text-align:center}
.account-content{min-width:0}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.account-stat{padding:20px;background:#0b1729;border:1px solid #1c3556;border-radius:15px}.account-stat span{display:block;color:#8fa4bd;font-size:13px;margin-bottom:8px}.account-stat strong{font-size:22px}.account-card{min-height:180px}.subscription-active{margin-top:18px;padding:13px;border-radius:10px;background:#10351f;color:#bbf7d0}
.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:22px}.profile-preview{text-align:center;align-self:start}.profile-preview h2{margin-bottom:4px}
.admin-header .brand{font-size:23px}.admin-main-nav{max-width:900px}.admin-main-nav a{border-radius:8px;padding:8px 7px}
.admin-alerts{padding-top:4px}.admin-header+main{padding-bottom:40px}
@media(max-width:1050px){.admin-main-nav{gap:4px}.admin-main-nav a{font-size:13px}}
@media(max-width:850px){
 .site-header .container.nav{width:min(94%,1120px)}
 .site-main-nav,.admin-main-nav{max-height:calc(100vh - 86px);overflow-y:auto}
 .admin-main-nav{display:none!important;position:absolute!important;right:0!important;top:59px!important;width:min(330px,calc(100vw - 24px))!important;padding:10px!important;background:#091729!important;border:1px solid #23466f!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;z-index:100!important}
 .admin-main-nav.is-open{display:flex!important}
 .admin-main-nav a{width:100%;padding:12px 14px;font-size:14px}
 .account-layout{grid-template-columns:1fr}.account-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}
 .account-stats{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.profile-preview{max-width:420px;width:100%;margin:auto}
 .table{min-width:720px}
}
@media(max-width:600px){
 .section{padding:22px 0}.panel{padding:18px}.account-hero{grid-template-columns:auto 1fr;padding:18px;gap:14px}.account-edit{grid-column:1/-1;width:100%;text-align:center}
 .profile-avatar-lg{width:66px;height:66px}.account-stats{grid-template-columns:1fr}.account-sidebar{grid-template-columns:1fr 1fr}
 .hero h1{font-size:clamp(34px,11vw,54px)}.hero p{font-size:15px}.grid{gap:12px}
 .admin-alert-item{width:100%}.admin-alerts{gap:7px}.section-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){.account-sidebar{grid-template-columns:1fr}.brand{font-size:23px}.hamburger{width:42px;height:42px;min-width:42px}}


/* === V7 account menu polish === */
.account-mobile-menu{display:none;margin-bottom:14px;position:relative}.account-menu-toggle{display:none!important;width:auto!important;min-width:150px!important;height:46px!important;padding:0 14px!important;flex-direction:row!important;gap:10px!important;color:#dbeafe!important;font-size:14px!important;font-weight:700!important}.account-menu-toggle b{font-weight:700}.account-mobile-links{display:none}.account-sidebar{transition:transform .2s ease,opacity .2s ease}
@media(max-width:850px){
 .account-mobile-menu{display:block}.account-menu-toggle{display:flex!important}.account-mobile-links{position:absolute;left:0;top:52px;width:min(330px,calc(100vw - 30px));background:#091729;border:1px solid #23466f;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);padding:8px;z-index:40}.account-mobile-links.is-open{display:grid}.account-mobile-links a{padding:11px 13px;border-radius:9px;color:#cbd5e1;font-weight:650}.account-mobile-links a:hover,.account-mobile-links a.active{background:#102a4d;color:#fff}
 .account-layout .account-sidebar{display:none}.account-layout{display:block}.account-content{width:100%}
}
@media(min-width:851px){.account-mobile-menu{display:none!important}}

/* Better tables and forms on narrow screens */
@media(max-width:600px){
 .table-wrap{border:1px solid #1c3556;border-radius:12px}.table{min-width:680px}.panel h1,.panel h2{line-height:1.2}.input,select,textarea{font-size:16px}
 .hero-actions .btn{width:100%;text-align:center}.featured>div:last-child{padding:20px}.featured h2{font-size:27px}
}

/* === V8 PROFILE / POLISH === */
.profile-page{padding-top:34px;padding-bottom:60px}
.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;margin-bottom:20px;border:1px solid #214a78;border-radius:20px;background:linear-gradient(135deg,rgba(12,34,60,.98),rgba(9,25,45,.98));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.profile-hero-main{display:flex;align-items:center;gap:18px;min-width:0}.profile-hero h1{margin:3px 0 5px;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em}.profile-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.profile-avatar-hero{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #3b82f6;background:#102a4d;box-shadow:0 0 0 5px rgba(59,130,246,.1)}
.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.profile-side-card{text-align:center;padding:28px 22px;position:relative;overflow:hidden}.profile-side-card:before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(135deg,#123866,#0b2a5b);opacity:.85}.profile-side-card>*{position:relative}.avatar-upload-preview{position:relative;width:max-content;margin:0 auto 16px}.profile-avatar-xxl{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #3b82f6;background:#102a4d;box-shadow:0 12px 35px rgba(0,0,0,.3)}.online-dot{position:absolute;right:10px;bottom:12px;width:18px;height:18px;border-radius:50%;background:#22c55e;border:4px solid #0b1729}.profile-side-card h2{margin:8px 0 4px;font-size:22px}.role-badge{text-transform:capitalize}.profile-side-info{margin-top:24px;padding-top:18px;border-top:1px solid #1c3556;text-align:left;display:grid;gap:12px}.profile-side-info div{display:flex;justify-content:space-between;gap:12px}.profile-side-info span{color:#8fa4bd;font-size:13px}.profile-side-info strong{font-size:13px}.text-success{color:#4ade80}.profile-edit-card{padding:26px}.panel-heading{margin-bottom:22px}.panel-heading h2{margin:3px 0}.panel-heading p{margin:0}.profile-form{display:grid;gap:15px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid-2 .input{margin-bottom:0}.profile-form textarea{margin-bottom:0}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:5px}.avatar-picker{display:flex;align-items:center;gap:16px;padding:15px;border:1px dashed #315f94;border-radius:14px;background:rgba(8,25,44,.55)}.avatar-picker-box{position:relative;display:block;width:78px;height:78px;cursor:pointer;flex:0 0 78px}.avatar-picker-box img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid #315f94;background:#102a4d}.avatar-camera{position:absolute;right:-3px;bottom:-3px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#2563eb;border:2px solid #0b1729;font-size:12px}.upload-title{display:block;font-weight:800;margin-bottom:3px;cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.profile-alert{margin-top:0}
@media(max-width:850px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-hero-actions{justify-content:flex-start}.profile-layout{grid-template-columns:1fr}.profile-side-card{max-width:520px;width:100%;margin:auto}.form-grid-2{grid-template-columns:1fr}}
@media(max-width:560px){.profile-page{padding-top:22px}.profile-hero{padding:20px;border-radius:16px}.profile-hero-main{align-items:flex-start}.profile-avatar-hero{width:68px;height:68px}.profile-hero-actions{width:100%}.profile-hero-actions .btn{flex:1;text-align:center}.profile-edit-card{padding:18px}.avatar-picker{align-items:flex-start}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .btn{width:100%}.profile-avatar-xxl{width:125px;height:125px}}

/* === V9 ADMIN ACCOUNT CENTER === */
.admin-account-chip{display:inline-flex!important;align-items:center;gap:8px!important;padding:5px 9px!important;border:1px solid #23466f;border-radius:999px!important;background:#0d1c31;color:#dbeafe!important;font-weight:700}.admin-account-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #3b82f6;background:#102a4d}.admin-account-chip:hover{background:#12335a!important}
.profile-edit-stack{display:grid;gap:20px}.admin-profile-page .profile-side-card:after{content:'ADMIN';position:absolute;top:15px;right:15px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#93c5fd;background:#102a4d;border:1px solid #315f94;padding:5px 7px;border-radius:99px}.admin-profile-page .profile-edit-card{box-shadow:0 14px 40px rgba(0,0,0,.16)}
@media(max-width:850px){.admin-account-chip span{display:none}.admin-account-chip{justify-content:center}.admin-main-nav .admin-account-chip{justify-content:flex-start}.admin-main-nav .admin-account-chip span{display:inline}}

.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.dashboard-welcome-main{display:flex;align-items:center;gap:15px;min-width:0}.dashboard-welcome h2{margin:3px 0 4px}.dashboard-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #3b82f6;background:#102a4d}@media(max-width:600px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome .btn{width:100%;text-align:center}}

/* v10 user account polish */
.profile-security-card{margin-top:20px;padding:26px}.profile-security-card .form-grid-2{margin-top:6px}.btn-danger{background:#991b1b!important;border-color:#b91c1c!important}.btn-danger:hover{background:#b91c1c!important}.profile-form .btn{min-height:42px}.account-stat strong{display:block}.account-hero{overflow:hidden}.account-content{min-width:0}
@media(max-width:560px){.profile-security-card{padding:18px}.profile-security-card .form-grid-2{grid-template-columns:1fr}.avatar-picker{flex-direction:column}.avatar-picker>div{width:100%}.avatar-picker .btn{margin-top:6px}}


/* =========================================================
   MOBILE NAV FINAL FIX
   - Menu stays inside normal document flow (never covers page content)
   - Account menu works independently on dashboard
   - Safe widths for 320px+ phones
   ========================================================= */
@media (max-width:850px){
  body{overflow-x:hidden}
  .site-header,.admin-header{z-index:1000}
  .site-header .nav,.admin-header .nav{
    min-height:64px;
    height:auto;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .site-header .brand,.admin-header .brand{flex:1 1 auto;min-width:0}
  .site-header .hamburger,.admin-header .hamburger{
    flex:0 0 44px;
    margin-left:auto;
  }

  /* Main website + admin menus: expand below header instead of overlaying content. */
  .site-main-nav,.admin-main-nav{
    position:static!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    flex-basis:100%;
    max-height:calc(100vh - 84px);
    overflow-y:auto;
    margin:0!important;
    padding:8px!important;
    border-radius:12px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
  }
  .site-main-nav{display:none!important;flex-direction:column!important}
  .site-main-nav.is-open{display:flex!important}
  .admin-main-nav{display:none!important;flex-direction:column!important}
  .admin-main-nav.is-open{display:flex!important}
  .site-main-nav a,.admin-main-nav a{
    width:100%!important;
    min-height:44px;
    padding:11px 13px!important;
    justify-content:flex-start;
  }
  .site-main-nav .btn{justify-content:center!important}
  .admin-main-nav .admin-account-chip{justify-content:flex-start!important}

  /* Dashboard account menu: use a normal-flow dropdown, not an absolute overlay. */
  .account-mobile-menu{
    display:block;
    position:relative;
    margin:0 0 14px;
  }
  .account-menu-toggle{
    display:flex!important;
    position:relative;
    z-index:2;
  }
  .account-mobile-links{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin-top:8px;
    padding:8px!important;
    border:1px solid #23466f;
    border-radius:14px;
    background:#091729;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
    display:none!important;
  }
  .account-mobile-links.is-open{
    display:grid!important;
    gap:2px;
  }
  .account-mobile-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    padding:11px 13px;
    border-radius:9px;
  }
  .account-layout .account-sidebar{display:none!important}
  .account-layout{display:block}
  .account-content{width:100%;min-width:0}
}

@media (max-width:600px){
  .site-header .nav,.admin-header .nav{width:min(94%,1120px)}
  .site-main-nav,.admin-main-nav{padding:6px!important}
  .site-main-nav a,.admin-main-nav a{font-size:14px}
  .account-mobile-links{margin-top:7px}
  .account-hero{width:100%}
  .account-content{overflow:visible}
}

@media (max-width:360px){
  .brand,.admin-header .brand{font-size:22px}
  .hamburger{width:42px!important;min-width:42px!important;height:42px!important}
  .site-main-nav a,.admin-main-nav a,.account-mobile-links a{padding-left:11px!important;padding-right:11px!important}
}

/* =========================================================
   V11 - PROFESSIONAL USER DASHBOARD / MOBILE FIRST
   ========================================================= */
.dashboard-page{padding-top:24px;padding-bottom:55px}
.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;margin-bottom:16px;border:1px solid #214a78;border-radius:22px;background:linear-gradient(135deg,#0d2340 0%,#0a1c33 55%,#0b2a5b 100%);box-shadow:0 20px 55px rgba(0,0,0,.22)}
.dashboard-hero-glow{position:absolute;width:230px;height:230px;right:-80px;top:-110px;background:#2563eb;filter:blur(75px);opacity:.22;pointer-events:none}
.dashboard-hero-main{display:flex;align-items:center;gap:17px;min-width:0;position:relative;z-index:1}.dashboard-avatar-wrap{position:relative;flex:0 0 auto}.dashboard-avatar-lg{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #3b82f6;background:#102a4d;box-shadow:0 0 0 5px rgba(59,130,246,.12)}.dashboard-online{position:absolute;right:1px;bottom:2px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:3px solid #0b1729}.dashboard-hero-copy{min-width:0}.dashboard-hero h1{font-size:clamp(25px,4vw,36px);line-height:1.12;margin:4px 0 7px;letter-spacing:-.025em}.dashboard-hero p{margin:0;color:#9eb1c9;line-height:1.55;max-width:650px}.dashboard-profile-btn{position:relative;z-index:1;white-space:nowrap}.dashboard-profile-btn span{margin-left:7px}
.eyebrow{display:inline-block;color:#60a5fa;font-size:10px;letter-spacing:.17em;font-weight:900}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.dashboard-stat-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;padding:17px 18px;border:1px solid #1c3556;border-radius:16px;background:linear-gradient(145deg,#0c1c31,#0a1728);transition:.18s ease}.dashboard-stat-card:hover{border-color:#2d67a8;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.16)}.dashboard-stat-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#102a4d;color:#93c5fd;font-size:18px}.dashboard-stat-label{color:#8fa4bd;font-size:12px}.dashboard-stat-card strong{grid-row:1/3;font-size:25px;justify-self:end}.dashboard-stat-card small{grid-column:2/3;color:#647b96;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-stat-premium .dashboard-stat-icon{color:#fbbf24;background:#3a2c0d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px;align-items:start}.dashboard-main-column,.dashboard-side-column{display:grid;gap:16px;min-width:0}.dashboard-section-card{padding:21px}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}.dashboard-section-head h2{margin:4px 0 0;font-size:20px}.dashboard-see-all{font-size:12px;color:#7fb5ff;font-weight:700}.dashboard-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dashboard-action{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #1c3556;border-radius:13px;background:#091729;transition:.18s ease}.dashboard-action:hover{border-color:#326aa8;background:#0d2038}.action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#102a4d;color:#93c5fd;font-size:17px}.dashboard-action span:nth-child(2){min-width:0}.dashboard-action b,.dashboard-action small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-action b{font-size:13px}.dashboard-action small{color:#7187a1;font-size:10px;margin-top:3px}.dashboard-action>strong{color:#5e91d0}.dashboard-activity-list{display:grid;gap:6px}.dashboard-activity{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 9px;border-radius:11px;transition:.16s}.dashboard-activity:hover{background:#0d1f35}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#102a4d;color:#8ec0ff}.activity-body{min-width:0}.activity-body b,.activity-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-body b{font-size:12px}.activity-body small{color:#7187a1;font-size:10px;margin-top:3px}.activity-meta{color:#617995;font-size:10px;white-space:nowrap}.dashboard-empty{text-align:center;padding:22px 12px;color:#8297b0}.dashboard-empty>span{display:block;font-size:24px;color:#3b82f6;margin-bottom:6px}.dashboard-empty b,.dashboard-empty small{display:block}.dashboard-empty b{font-size:13px;color:#cbd5e1}.dashboard-empty small{font-size:11px;margin:4px 0 13px}.dashboard-subscription-card{padding:21px;background:linear-gradient(145deg,#0d2340,#0b1729);border-color:#274d79}.dashboard-subscription-card.is-active{background:linear-gradient(145deg,#0d2b27,#0b1c2a);border-color:#1d5a54}.dashboard-subscription-card.is-free{background:linear-gradient(145deg,#101f38,#0b1729)}.dashboard-subscription-top{display:flex;align-items:center;justify-content:space-between}.dashboard-plan-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#3a2c0d;color:#fbbf24}.dashboard-plan-badge{font-size:9px;font-weight:900;letter-spacing:.12em;padding:5px 8px;border-radius:99px;background:#102a4d;color:#93c5fd}.is-active .dashboard-plan-badge{background:#123a35;color:#86efac}.dashboard-subscription-card h2{font-size:20px;margin:15px 0 7px}.dashboard-subscription-card p{color:#8197b0;font-size:12px;line-height:1.55;margin:0 0 16px}.subscription-meter{height:7px;border-radius:99px;background:#07111f;overflow:hidden;border:1px solid #1c3556}.subscription-meter span{display:block;height:100%;border-radius:99px;background:#22c55e}.subscription-meter-meta{display:flex;justify-content:space-between;gap:10px;margin:8px 0 15px;color:#7f98b3;font-size:10px}.dashboard-full-btn{width:100%;text-align:center}.dashboard-profile-mini{padding:17px}.dashboard-mini-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;margin-bottom:10px;border-bottom:1px solid #1c3556}.dashboard-mini-head img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #315f94}.dashboard-mini-head b,.dashboard-mini-head span{display:block}.dashboard-mini-head b{font-size:13px}.dashboard-mini-head span{font-size:10px;color:#6f86a1;margin-top:3px}.dashboard-mini-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#6f86a1;font-size:10px}.dashboard-mini-row b{color:#cbd5e1;font-size:10px;text-align:right;max-width:65%;overflow:hidden;text-overflow:ellipsis}.dashboard-profile-link{display:flex;justify-content:space-between;margin-top:7px;padding-top:12px;border-top:1px solid #1c3556;color:#7fb5ff;font-size:11px;font-weight:800}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:1fr 1fr}.dashboard-subscription-card,.dashboard-profile-mini{height:100%}}
@media(max-width:700px){.dashboard-page{padding-top:18px}.dashboard-hero{padding:20px;align-items:flex-start;flex-direction:column;border-radius:18px}.dashboard-hero-main{align-items:flex-start;width:100%}.dashboard-avatar-lg{width:62px;height:62px}.dashboard-profile-btn{width:100%;text-align:center}.dashboard-stats{grid-template-columns:1fr;gap:9px}.dashboard-stat-card{grid-template-columns:auto 1fr auto}.dashboard-grid{gap:12px}.dashboard-section-card{padding:17px}.dashboard-actions-grid{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:1fr;gap:12px}}
@media(max-width:430px){.dashboard-hero h1{font-size:23px}.dashboard-hero p{font-size:12px}.dashboard-hero-main{gap:12px}.dashboard-avatar-lg{width:56px;height:56px}.dashboard-stats{margin-bottom:12px}.dashboard-stat-card{padding:14px}.dashboard-stat-icon{width:38px;height:38px}.dashboard-stat-card strong{font-size:22px}.dashboard-stat-card small{font-size:9px}.dashboard-section-head{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-section-head h2{font-size:18px}.dashboard-action{padding:11px}.dashboard-activity{grid-template-columns:35px minmax(0,1fr) auto;padding:9px 5px}.activity-icon{width:35px;height:35px}}