@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--navy:#101d35;--navy2:#172a49;--blue:#2563eb;--orange:#f97316;--ink:#172033;--muted:#758198;--line:#e8edf4;--surface:#f5f7fb}
*{box-sizing:border-box}body{font-family:'Nunito Sans',sans-serif;color:var(--ink);background:#fff;font-size:15px}a{transition:all .2s ease}a:hover{text-decoration:none}.btn{font-weight:800;border-radius:10px;padding:.72rem 1.1rem;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-sport{color:#fff!important;background:linear-gradient(115deg,#2563eb,#4f46e5 60%,#7c3aed);border:0;box-shadow:0 8px 20px rgba(37,99,235,.2)}.btn-sport:hover{box-shadow:0 11px 25px rgba(37,99,235,.28)}.public-navbar{min-height:82px;background:#fff;border-bottom:1px solid #edf0f6}.brand-lockup{display:flex;align-items:center;gap:11px;color:var(--navy)!important;font-weight:900;letter-spacing:.3px;font-size:16px}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:13px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 7px 16px #2563eb2e}.brand-accent{color:#2563eb}.brand-lockup small{display:block;font-size:10px;letter-spacing:.7px;color:#8a94a7;font-weight:700}.public-navbar .nav-link{font-weight:800;color:#596579!important;padding:.75rem .8rem!important}.public-navbar .nav-link:hover{color:#2563eb!important}.hero-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#0d1930 0%,#142a4b 60%,#253a70 100%);color:#fff;padding:82px 0 91px}.hero-section:after{content:"";position:absolute;right:-8%;top:-55%;width:650px;height:650px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05;pointer-events:none}.hero-content{position:relative;z-index:2}.eyebrow,.section-kicker,.welcome-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#9bbcff}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #ffffff24;background:#ffffff0c;border-radius:30px}.eyebrow-dot{width:7px;height:7px;background:#fb923c;border-radius:50%;box-shadow:0 0 0 4px #fb923c25}.hero-section h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3.2rem,6vw,5.5rem);line-height:.98;letter-spacing:.4px;font-weight:800;margin:25px 0 19px}.hero-section h1 span{color:#fb923c}.hero-lead{font-size:17px;line-height:1.8;max-width:590px;color:#d1dbed}.hero-actions{margin-top:27px}.hero-proof{margin-top:25px;font-size:13px;color:#c4d1e5}.hero-proof i{color:#6ee7b7;margin-right:7px}.hero-visual{height:365px;position:relative;display:flex;align-items:center;justify-content:center}.visual-ring{width:290px;height:290px;border-radius:50%;border:1px solid #ffffff2b;box-shadow:0 0 0 22px #ffffff08,0 0 0 55px #ffffff05;display:flex;align-items:center;justify-content:center}.visual-trophy{position:absolute;width:190px;height:210px;display:flex;align-items:center;justify-content:center;font-size:130px;color:#fb923c;filter:drop-shadow(0 20px 35px #fb923c50);transform:rotate(-7deg)}.floating-chip{position:absolute;background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(10px);padding:12px 16px;border-radius:12px;font-weight:800;font-size:12px;box-shadow:0 12px 30px #0002}.floating-chip i{color:#fb923c;margin-right:7px}.chip-top{top:37px;right:0}.chip-bottom{bottom:49px;left:0}.visual-number{position:absolute;right:0;bottom:0;font-family:'Barlow Condensed';font-size:32px;font-weight:800;color:#ffffff90}.visual-number span{font:800 10px 'Nunito Sans';letter-spacing:2px;color:#aab8ce}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.hero-orb-one{width:230px;height:230px;background:#2563eb1c;right:12%;top:-80px}.hero-orb-two{width:140px;height:140px;background:#f9731612;left:35%;bottom:-90px}.hero-bottom-line{height:4px;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#2563eb,#7c3aed,#f97316)}.stat-strip{position:relative;margin-top:-34px;z-index:3;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);border-radius:17px;box-shadow:0 15px 45px #16284a12;padding:18px 22px;gap:10px}.stat-card{display:flex;align-items:center;gap:14px;padding:9px 12px}.stat-icon,.dash-stat-icon{width:47px;height:47px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.blue{background:#e8efff;color:#2563eb}.orange{background:#fff0e5;color:#ea580c}.green{background:#e4f9ef;color:#059669}.purple{background:#f1eaff;color:#7c3aed}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:14px;font-weight:900}.stat-card small{font-size:11px;color:var(--muted);margin-top:3px}.content-section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-kicker{color:#2563eb}.section-heading h2{font-weight:900;font-size:30px;margin:8px 0}.section-heading p,.page-banner p{color:var(--muted);margin:0}.heading-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef3ff;color:#2563eb;font-size:22px}.empty-state{text-align:center;border:1px dashed #d7deeb;border-radius:18px;padding:48px 20px;background:linear-gradient(180deg,#fff,#fafbfe)}.empty-icon{width:62px;height:62px;margin:0 auto 17px;border-radius:19px;background:#edf2ff;color:#4169e1;display:flex;align-items:center;justify-content:center;font-size:24px}.empty-state h5{font-weight:900}.empty-state p{color:var(--muted);max-width:500px;margin:8px auto 19px}.cta-band{background:linear-gradient(110deg,#1d4ed8,#4338ca 65%,#6d28d9);color:#fff;padding:43px 0}.cta-band h2{font-size:26px;font-weight:900;margin:7px 0 0}.public-footer{background:#0c1629;color:#fff;padding:27px 0;font-size:13px}.footer-muted{color:#9aa8bf;font-size:12px;margin-top:3px}.page-banner{padding:58px 0;background:linear-gradient(110deg,#f0f5ff,#f7f3ff);border-bottom:1px solid #e7edf8}.page-banner h1{font-weight:900;font-size:38px;margin:9px 0}.form-shell{max-width:760px;margin:auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #17203308}.form-control{height:46px;border-radius:9px;border-color:#dfe5ef}.form-control:focus{border-color:#7397fa;box-shadow:0 0 0 3px #2563eb15}.form-group label{font-size:13px;font-weight:800}.admin-body{background:#f4f6fb;min-height:100vh}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:258px;flex:0 0 258px;background:linear-gradient(180deg,#101d35,#132541);color:#fff;padding:22px 14px;display:flex;flex-direction:column;transition:margin .25s;z-index:20}.admin-brand{display:flex;align-items:center;gap:11px;padding:4px 10px 27px;color:#fff;font-size:15px;font-weight:900;letter-spacing:.5px}.admin-brand:hover{color:#fff}.admin-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#95a7c2;margin-top:3px}.admin-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center}.sidebar-label{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#7285a4;padding:13px 12px 8px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#b9c6d9;font-size:12px;font-weight:800;margin:2px 0}.sidebar-link>i:first-child{width:17px;text-align:center;font-size:14px;color:#91a6c7}.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(100deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 7px 17px #2563eb25}.sidebar-link.active>i:first-child,.sidebar-link:hover>i:first-child{color:#fff}.sidebar-chevron{font-size:9px;margin-left:auto}.sidebar-count{margin-left:auto;background:#fb923c;color:#fff;font-size:10px;padding:2px 7px;border-radius:20px}.sidebar-sublink{padding:8px 10px 8px 42px;color:#9cacc4;font-size:11px;border-left:1px solid #ffffff1a;margin-left:20px}.sidebar-sublink:hover{color:#fff}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-help{display:flex;align-items:center;gap:10px;background:#ffffff0b;border:1px solid #ffffff10;padding:12px;border-radius:12px;margin-bottom:13px}.sidebar-help>i{font-size:18px;color:#fb923c}.sidebar-help strong,.sidebar-help small{display:block}.sidebar-help strong{font-size:11px}.sidebar-help small{font-size:9px;color:#9cacc4;margin-top:3px}.logout-link{border-top:1px solid #ffffff12;border-radius:0;padding-top:15px}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{height:76px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.sidebar-toggle{border:0;background:#f0f4fb;color:#53627a;width:37px;height:37px;border-radius:10px;margin-right:15px}.topbar-title{font-size:16px;font-weight:900}.topbar-breadcrumb{font-size:10px;color:#8b96a9;margin-top:3px}.topbar-breadcrumb span{padding:0 5px;color:#c0c7d3}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-date{font-size:11px;color:#6d7890;margin-right:8px}.admin-avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}.admin-user strong,.admin-user small{display:block}.admin-user strong{font-size:11px}.admin-user small{font-size:10px;color:#8792a5;margin-top:2px}.admin-content{padding:27px 30px;flex:1}.admin-footer{padding:17px 30px;display:flex;justify-content:space-between;color:#8a95a8;font-size:10px;border-top:1px solid #e8edf4;background:#fff}.welcome-panel{position:relative;overflow:hidden;background:linear-gradient(110deg,#173c80,#3348b8 65%,#6941b8);color:#fff;padding:27px 30px;border-radius:17px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 25px #233e951c}.welcome-kicker{font-size:9px;color:#c6d7ff}.welcome-panel h1{font-size:25px;font-weight:900;margin:8px 0}.welcome-panel p{font-size:12px;color:#d6e0ff;margin:0;max-width:580px}.welcome-art{font-size:88px;color:#ffffff25;transform:rotate(12deg);margin-right:30px}.dashboard-stats{margin-left:-8px;margin-right:-8px}.dashboard-stats>div{padding-left:8px;padding-right:8px}.dashboard-stat{height:100%;min-height:118px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #edf0f6;border-radius:14px;padding:17px;box-shadow:0 5px 18px #1a2b4a05}.dash-stat-icon{width:43px;height:43px;font-size:16px}.stat-blue{background:#eaf0ff;color:#3564db}.stat-orange{background:#fff0e5;color:#e96a21}.stat-green{background:#e4f9ef;color:#0a9c70}.stat-purple{background:#f1eaff;color:#7c3aed}.dashboard-stat small,.dashboard-stat strong,.dashboard-stat span{display:block}.dashboard-stat small{font-size:11px;color:#7e899b;font-weight:800}.dashboard-stat strong{font-size:25px;line-height:1.3;font-weight:900;margin:2px 0}.dashboard-stat span{font-size:9px;color:#a0a9b8}.panel-card{background:#fff;border:1px solid #edf0f6;border-radius:15px;padding:21px;box-shadow:0 5px 18px #1a2b4a04}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h5{font-size:14px;font-weight:900;margin:0}.panel-heading p{font-size:10px;color:#929caf;margin:5px 0 0}.panel-heading-icon{width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#3564db;display:flex;align-items:center;justify-content:center}.chart-placeholder{height:215px;border:1px dashed #e1e7f0;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8995a8}.chart-placeholder-icon{font-size:29px;color:#b3c4f8;margin-bottom:12px}.chart-placeholder strong{font-size:12px;color:#55647c}.chart-placeholder span{font-size:10px;margin-top:5px}.quick-action{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f2f7;color:var(--ink)}.quick-action:first-of-type{border-top:0}.quick-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:9px;color:#909bad;margin-top:3px}.quick-action>i:last-child{font-size:10px;color:#a4adbb}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setup-steps>div{padding:15px;background:#f8faff;border:1px solid #edf1f9;border-radius:12px}.setup-steps span{display:flex;width:27px;height:27px;border-radius:9px;background:#e1eaff;color:#2857d8;align-items:center;justify-content:center;font-weight:900;font-size:11px;margin-bottom:10px}.setup-steps strong,.setup-steps small{display:block}.setup-steps strong{font-size:11px}.setup-steps small{font-size:10px;color:#8995a8;margin-top:4px}.login-body{min-height:100vh;background:radial-gradient(circle at 10% 10%,#e1eaff,transparent 32%),linear-gradient(135deg,#f5f7fc,#f0efff);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;width:100%;max-width:430px;padding:34px;border:1px solid #e8edf6;border-radius:20px;box-shadow:0 25px 70px #1a2b4a12}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo strong,.login-logo small{display:block}.login-logo strong{font-size:13px;font-weight:900}.login-logo small{font-size:9px;color:#8d98aa;letter-spacing:1.5px;margin-top:3px}.login-card h1{font-size:25px;font-weight:900}.login-card>p{font-size:12px;color:#8a95a8;margin-bottom:25px}.login-back{display:block;text-align:center;font-size:11px;font-weight:800;color:#52627a;margin-top:22px}.login-note{font-size:10px;color:#a0a9b8;text-align:center;border-top:1px solid #edf0f6;padding-top:15px;margin-top:20px}.admin-shell.sidebar-collapsed .admin-sidebar{margin-left:-258px}
@media(max-width:991.98px){.hero-section{padding:65px 0 75px}.stat-strip{grid-template-columns:1fr;gap:2px}.stat-card{padding:8px}.admin-sidebar{position:fixed;top:0;bottom:0;left:0;margin-left:-258px;overflow:auto;box-shadow:12px 0 35px #101d3533}.admin-shell.sidebar-open .admin-sidebar{margin-left:0}.admin-topbar{padding:0 18px}.admin-content{padding:22px 18px}.topbar-date,.admin-user{display:none}.admin-footer{padding:15px 18px}.setup-steps{grid-template-columns:1fr}.welcome-art{font-size:60px;margin-right:0}}
@media(max-width:575.98px){.hero-section h1{font-size:3.25rem}.hero-lead{font-size:15px}.hero-actions .btn{width:100%;margin-left:0!important}.content-section{padding-top:52px;padding-bottom:52px}.section-heading h2{font-size:25px}.page-banner h1{font-size:31px}.form-shell{padding:20px}.welcome-panel{padding:22px}.welcome-panel h1{font-size:21px}.welcome-art{display:none}.admin-topbar{height:68px}.topbar-title{font-size:14px}.admin-footer{font-size:9px;gap:12px}.admin-footer span:last-child{text-align:right}}


/* =========================================================
   TYPOGRAPHY UPDATE — readable admin/public UI (v3)
   Replaces tiny 9–12px labels with comfortable readable sizes.
   ========================================================= */
html { font-size: 18px; }
body { font-size: 18px; line-height: 1.6; }
.admin-sidebar { width: 292px; flex-basis: 292px; padding: 24px 16px; }
.admin-brand { font-size: 19px; gap: 13px; padding-bottom: 30px; }
.admin-brand small { font-size: 12px; letter-spacing: 1.5px; }
.sidebar-label { font-size: 13px; letter-spacing: 1.5px; padding: 17px 13px 10px; }
.sidebar-link { font-size: 16px; padding: 14px 13px; gap: 14px; }
.sidebar-link>i:first-child { font-size: 17px; width: 20px; }
.sidebar-chevron { font-size: 12px; }
.sidebar-count { font-size: 13px; padding: 3px 9px; }
.sidebar-sublink { font-size: 15px; padding: 10px 10px 10px 48px; }
.sidebar-help strong { font-size: 14px; }
.sidebar-help small { font-size: 12px; }
.admin-sidebar { --sidebar-expanded-width: 292px; }
.admin-shell.sidebar-collapsed .admin-sidebar { margin-left: -292px; }
.admin-topbar { min-height: 86px; height: auto; padding: 14px 32px; }
.sidebar-toggle { width: 44px; height: 44px; font-size: 18px; margin-right: 17px; }
.topbar-title { font-size: 21px; }
.topbar-breadcrumb { font-size: 14px; }
.topbar-date { font-size: 15px; }
.admin-avatar { width: 46px; height: 46px; font-size: 15px; }
.admin-user strong { font-size: 15px; }
.admin-user small { font-size: 13px; }
.admin-content { padding: 32px; }
.admin-footer { padding: 20px 32px; font-size: 14px; }
.welcome-panel { padding: 34px 36px; }
.welcome-kicker { font-size: 14px; }
.welcome-panel h1 { font-size: 34px; }
.welcome-panel p { font-size: 17px; }
.dashboard-stat { min-height: 138px; gap: 16px; padding: 20px; }
.dash-stat-icon { width: 54px; height: 54px; font-size: 21px; }
.dashboard-stat small { font-size: 15px; }
.dashboard-stat strong { font-size: 32px; }
.dashboard-stat span { font-size: 13px; }
.panel-card { padding: 26px; }
.panel-heading h5 { font-size: 19px; }
.panel-heading p { font-size: 14px; }
.panel-heading-icon { width: 42px; height: 42px; }
.chart-placeholder { min-height: 230px; }
.chart-placeholder strong { font-size: 17px; }
.chart-placeholder span { font-size: 14px; }
.quick-action { gap: 14px; padding: 16px 0; }
.quick-icon { width: 44px; height: 44px; font-size: 18px; }
.quick-action strong { font-size: 15px; }
.quick-action small { font-size: 13px; }
.setup-steps>div { padding: 19px; }
.setup-steps span { width: 34px; height: 34px; font-size: 15px; }
.setup-steps strong { font-size: 15px; }
.setup-steps small { font-size: 13px; }
.btn { font-size: 17px; }
.form-control { font-size: 17px; height: 52px; }
.form-group label { font-size: 16px; }
.login-card { max-width: 560px; padding: 42px; }
.login-logo strong { font-size: 17px; }
.login-logo small { font-size: 12px; }
.login-card h1 { font-size: 34px; }
.login-card>p { font-size: 17px; }
.login-back { font-size: 15px; }
.login-note { font-size: 13px; }
/* Public-facing typography */
.brand-lockup { font-size: 20px; }
.brand-lockup small { font-size: 12px; }
.public-navbar .nav-link { font-size: 16px; }
.eyebrow,.section-kicker { font-size: 14px; }
.hero-lead { font-size: 20px; }
.hero-proof { font-size: 16px; }
.stat-card strong { font-size: 18px; }
.stat-card small { font-size: 14px; }
.section-heading h2 { font-size: 36px; }
.section-heading p,.page-banner p { font-size: 17px; }
.page-banner h1 { font-size: 46px; }
.form-shell { padding: 38px; }
.public-footer { font-size: 16px; }
.footer-muted { font-size: 14px; }
@media (max-width: 991.98px) {
  .admin-sidebar { width: 292px; flex-basis: 292px; margin-left: -292px; }
  .admin-shell.sidebar-open .admin-sidebar { margin-left: 0; }
  .admin-content { padding: 24px 20px; }
  .topbar-breadcrumb { font-size: 12px; }
  .admin-footer { font-size: 12px; }
}
@media (max-width: 575.98px) {
  body { font-size: 16px; }
  .admin-content { padding: 18px 14px; }
  .welcome-panel h1 { font-size: 27px; }
  .welcome-panel p { font-size: 15px; }
  .panel-card { padding: 18px; }
  .login-card { padding: 28px 22px; }
  .page-banner h1 { font-size: 34px; }
  .form-shell { padding: 22px; }
}
/* Placeholder and settings screens */
.page-intro-card { background:#fff; border:1px solid #e7edf5; border-radius:18px; padding:30px; box-shadow:0 8px 24px #17203308; }
.page-intro-icon { width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#eaf0ff;color:#315be8;font-size:26px;flex-shrink:0; }
.status-pill { display:inline-flex;align-items:center;gap:8px;border-radius:30px;background:#fff4d6;color:#98620b;padding:8px 13px;font-size:14px;font-weight:900; }
.settings-section { border:1px solid #e8edf5;border-radius:16px;padding:24px;background:#fff;margin-bottom:20px; }
.settings-section h3 { font-size:21px;font-weight:900;margin-bottom:5px; }
.settings-section .section-help { color:#778399;font-size:15px;margin-bottom:22px; }
.settings-section label { font-weight:800;font-size:16px; }
.admin-content .alert { font-size:16px; }


/* v4: nested sidebar, settings logo and banner/user modules */

.sidebar-group{margin:2px 0}.sidebar-group-toggle{width:100%;border:0;text-align:left;cursor:pointer;background:transparent;font:inherit}.sidebar-group-toggle:focus{outline:2px solid #7da6ff;outline-offset:-2px}.sidebar-group-toggle .sidebar-chevron{transition:transform .2s ease}.sidebar-group.expanded .sidebar-chevron{transform:rotate(180deg)}.sidebar-submenu{display:none;margin:3px 0 8px 18px;padding:4px 0 4px 13px;border-left:1px solid #344763}.sidebar-group.expanded .sidebar-submenu{display:block}.sidebar-sublink{display:block;padding:10px 13px 10px 17px;margin:2px 0;color:#b9c9e2;font-size:14px;font-weight:700;border-radius:8px}.sidebar-sublink:hover,.sidebar-sublink.active{color:#fff;background:#ffffff12}.settings-section{background:#fff;border:1px solid #e7edf6;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 5px 18px rgba(20,40,80,.035)}.settings-section h3{font-size:21px;font-weight:900;margin-bottom:7px}.section-help{font-size:14px;color:#758198;margin-bottom:20px}.logo-preview-box{height:150px;border:1px dashed #cad5e5;background:#f7f9fd;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:12px}.tournament-logo-preview{max-width:100%;max-height:125px;object-fit:contain}.logo-placeholder,.banner-thumb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#92a0b5;gap:8px}.logo-placeholder i{font-size:36px}.logo-placeholder span{font-size:12px;font-weight:800}.panel-card{background:#fff;border:1px solid #e8edf4;border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(20,40,80,.035)}.admin-data-table{font-size:15px}.admin-data-table thead th{border-top:0;background:#f6f8fc;color:#58667c;font-weight:900;white-space:nowrap}.admin-data-table td{vertical-align:middle}.admin-data-table small{font-size:13px}.banner-thumb{width:150px;height:78px;object-fit:cover;border-radius:9px;border:1px solid #e8edf4}.banner-thumb-empty{width:150px;height:78px;border-radius:9px;background:#f5f7fb;font-size:25px}.banner-upload-preview{height:210px;border:1px dashed #cad5e5;border-radius:14px;background:#f7f9fd;display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-upload-preview img{width:100%;height:100%;object-fit:contain}.banner-upload-preview div{display:flex;flex-direction:column;align-items:center;gap:10px;color:#8a98ad;font-weight:800}.banner-upload-preview i{font-size:38px}.empty-state-icon{font-size:35px;color:#a4b3c9;margin-bottom:12px}.admin-content .form-control{min-height:46px;border-radius:10px;font-size:15px}.admin-content label{font-size:15px;font-weight:800}.admin-content .btn{font-size:14px}

.brand-logo-img{max-width:32px;max-height:32px;object-fit:contain;border-radius:5px}.sidebar-logo-img{max-width:30px;max-height:30px;object-fit:contain;border-radius:5px}

/* Modern account identity and standalone logout button */
.admin-account-dropdown{position:relative;display:flex;align-items:center}
.admin-account-button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;border-radius:16px;padding:5px 9px 5px 5px;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.admin-account-button:hover,.admin-account-button:focus,.admin-account-button[aria-expanded="true"]{background:#f3f6ff;border-color:#e5ebff;outline:0}
.admin-account-button .admin-avatar{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#dce8ff,#eee4ff);border:2px solid #fff;box-shadow:0 3px 12px rgba(55,91,180,.14);color:#315be8;font-size:16px;font-weight:900}
.admin-user{display:flex;flex-direction:column;line-height:1.25;min-width:92px}
.admin-user strong{font-size:13px;font-weight:900;color:#17243d;white-space:nowrap}
.admin-user small{font-size:11px;color:#8794aa;margin-top:4px}
.account-chevron-wrap{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f5fb;color:#71809a;margin-left:2px}
.account-chevron{font-size:10px;transition:transform .2s ease}
.admin-account-button[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.admin-account-menu{min-width:245px;padding:9px;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 16px 40px rgba(23,32,51,.15);margin-top:12px}
.account-menu-heading{padding:10px 12px 13px;border-bottom:1px solid #edf0f6;margin-bottom:6px}
.account-menu-heading strong,.account-menu-heading small{display:block}
.account-menu-heading strong{font-size:14px;color:#17243d}
.account-menu-heading small{font-size:11px;color:#8a95a8;margin-top:4px}
.admin-account-menu .dropdown-item{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:800;color:#344158}
.admin-account-menu .dropdown-item i{width:20px;color:#5374d8;text-align:center}
.admin-account-menu .dropdown-item:hover{background:#f1f5ff;color:#2455d8}
.admin-logout-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid #ffd7dc;border-radius:13px;background:linear-gradient(180deg,#fff,#fff7f8);color:#e44758!important;font-size:13px;font-weight:900;text-decoration:none!important;box-shadow:0 4px 12px rgba(228,71,88,.06);transition:all .2s ease}
.admin-logout-button i{font-size:14px}
.admin-logout-button:hover{background:#fff0f2;border-color:#ffb9c2;color:#cc293d!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(228,71,88,.13)}
@media(max-width:575.98px){
 .topbar-actions{gap:6px!important}
 .topbar-date{display:none}
 .admin-account-button{gap:6px;padding:4px}
 .admin-account-button .admin-avatar{width:36px;height:36px;min-width:36px}
 .admin-user{min-width:0}
 .admin-user strong{max-width:90px;overflow:hidden;text-overflow:ellipsis}
 .account-chevron-wrap{width:19px;height:19px}
 .admin-logout-button{min-height:38px;padding:0 10px;border-radius:11px;font-size:12px}
}
/* Modern split login page */
.login-body-modern{padding:0;min-height:100vh;background:#f6f7ff}.login-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(500px,.88fr);min-height:100vh;width:100%}.login-visual-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(35px,6vw,100px);color:#fff;background:linear-gradient(140deg,#102b61 0%,#2547a5 48%,#713cc0 100%)}.login-visual-panel:before,.login-visual-panel:after{content:"";position:absolute;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.login-visual-panel:before{width:650px;height:650px;right:-210px;top:7%;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff06}.login-visual-panel:after{width:350px;height:350px;left:-180px;bottom:-130px;background:#ffffff08}.login-visual-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;font-size:18px;font-weight:900;letter-spacing:.5px}.login-visual-brand small{display:block;font-size:11px;letter-spacing:2px;color:#c2d4ff;margin-top:4px}.login-visual-mark{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff20;border:1px solid #ffffff35;font-size:23px;color:#ffd66b}.login-visual-content{position:relative;z-index:1;max-width:650px;margin:auto 0;padding:55px 0}.login-visual-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#c6d5ff}.login-visual-content h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;font-weight:900;margin:22px 0}.login-visual-content h1 span{color:#ffd477}.login-visual-content p{max-width:550px;color:#e0e8ff;font-size:18px;line-height:1.8}.login-visual-trophy{position:relative;width:190px;height:170px;margin:35px 0 0 25px;display:flex;align-items:center;justify-content:center;color:#ffd36c;font-size:112px;filter:drop-shadow(0 20px 25px #081c4c66)}.trophy-orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:175px;height:175px}.orbit-two{width:225px;height:225px;border-color:#ffffff18}.login-visual-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;color:#c4d3f4;font-size:11px;letter-spacing:.5px}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px clamp(25px,5vw,85px);background:radial-gradient(circle at 90% 10%,#efe6ff 0,transparent 35%),linear-gradient(145deg,#f9fbff,#f4f1ff)}.login-card-modern{width:100%;max-width:520px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-mobile-brand{display:none}.login-heading-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#e4edff,#f0e7ff);display:flex;align-items:center;justify-content:center;color:#455fe0;font-size:23px;margin-bottom:23px}.login-form-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#536ce0}.login-card-modern h2{font-size:36px;font-weight:900;margin:8px 0}.login-card-modern .login-subtitle{font-size:15px;color:#77839b;margin-bottom:30px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:14px;font-weight:900;margin-bottom:9px}.login-input-wrap{position:relative}.login-input-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;color:#8290aa}.login-input-wrap .form-control{height:56px;padding:10px 52px 10px 45px;border:1px solid #dce4f2;border-radius:12px;background:#fff;font-size:15px;box-shadow:0 4px 12px #1b326108}.login-input-wrap .form-control:focus{border-color:#8c9cf5;box-shadow:0 0 0 4px #6478eb18}.login-password-toggle{position:absolute;right:8px;top:7px;width:42px;height:42px;border:0;border-radius:10px;background:#f1f3ff;color:#596bd5;z-index:3}.login-password-toggle:hover{background:#e6eaff}.login-submit{height:55px;border-radius:12px;font-size:16px;margin-top:10px}.login-card-modern .login-back{font-size:13px;margin-top:24px}.login-card-modern .login-note{font-size:12px;margin-top:22px}.login-setup-link{color:#5d6bd3;font-weight:800}.login-copyright{font-size:11px;color:#9aa4b7;margin-top:35px;text-align:center}
@media(max-width:991.98px){.login-layout{grid-template-columns:1fr}.login-visual-panel{display:none}.login-form-panel{min-height:100vh;padding:35px 22px}.login-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.login-mobile-brand strong,.login-mobile-brand small{display:block}.login-mobile-brand strong{font-size:15px;font-weight:900}.login-mobile-brand small{font-size:10px;letter-spacing:1.5px;color:#8c98ac}.login-card-modern{max-width:520px}.login-heading-icon{display:none}}
@media(max-width:575.98px){.topbar-actions{gap:7px}.admin-account-button{padding:4px;background:transparent}.admin-account-button .admin-user,.admin-account-button .account-chevron{display:none}.admin-avatar{width:39px;height:39px}.topbar-date{display:none}.login-card-modern h2{font-size:30px}.login-form-panel{justify-content:flex-start;padding-top:35px}.login-mobile-brand{margin-bottom:45px}}

/* FINAL OVERRIDE: polished admin account bar (Nov 2026) */
.admin-topbar{position:relative;z-index:1050;overflow:visible!important;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf6;box-shadow:0 5px 22px rgba(25,45,85,.045)}
.admin-topbar .topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:14px!important;min-width:max-content}
.admin-topbar .topbar-date{display:inline-flex;align-items:center;white-space:nowrap;color:#75839b;font-size:13px;font-weight:700;margin-right:4px}
.admin-topbar .admin-account-dropdown{position:relative;display:block!important}
.admin-topbar .admin-account-button{appearance:none;-webkit-appearance:none;display:flex!important;align-items:center!important;gap:11px!important;min-height:58px;padding:7px 13px 7px 8px!important;border:1px solid #e8edf7!important;border-radius:17px!important;background:linear-gradient(135deg,#fff 0%,#f8faff 100%)!important;color:#17243d!important;box-shadow:0 5px 16px rgba(40,65,120,.07)!important;text-align:left;outline:0!important;transition:all .22s ease}
.admin-topbar .admin-account-button:hover,.admin-topbar .admin-account-button:focus,.admin-topbar .admin-account-button[aria-expanded=true]{border-color:#cbd8ff!important;background:linear-gradient(135deg,#f8faff,#f2f3ff)!important;box-shadow:0 8px 22px rgba(65,91,190,.13)!important;transform:translateY(-1px)}
.admin-topbar .admin-account-button .admin-avatar{flex:0 0 43px;width:43px!important;height:43px!important;min-width:43px!important;border-radius:14px!important;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;background:linear-gradient(145deg,#dce9ff,#e9e2ff 72%,#f8e9ff)!important;color:#4658d9!important;font-size:16px!important;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff,0 3px 9px rgba(76,94,180,.12)!important}
.admin-topbar .admin-account-button .admin-user{display:flex!important;flex-direction:column;min-width:100px;line-height:1.2}
.admin-topbar .admin-account-button .admin-user strong{display:block;color:#17243d!important;font-size:13px!important;font-weight:900!important;white-space:nowrap}
.admin-topbar .admin-account-button .admin-user small{display:block;color:#8b97ad!important;font-size:11px!important;font-weight:700;margin-top:5px}
.admin-topbar .account-chevron-wrap{flex:0 0 25px;width:25px!important;height:25px!important;border-radius:9px!important;background:#edf2ff!important;color:#6073ce!important;margin-left:2px;transition:all .2s ease}
.admin-topbar .admin-account-button[aria-expanded=true] .account-chevron-wrap{background:#e2e9ff!important;color:#3e58d5!important}
.admin-topbar .admin-account-menu{z-index:2000;min-width:255px!important;margin-top:12px!important;padding:9px!important;border:1px solid #e7ecf6!important;border-radius:17px!important;background:#fff!important;box-shadow:0 18px 45px rgba(25,39,75,.18)!important;overflow:hidden}
.admin-topbar .account-menu-heading{padding:13px 13px 14px!important;margin:0 0 7px!important;background:linear-gradient(120deg,#f5f8ff,#f8f4ff);border:0!important;border-radius:11px}
.admin-topbar .account-menu-heading strong{color:#17243d!important;font-size:13px!important;font-weight:900}
.admin-topbar .account-menu-heading small{color:#8793a9!important;font-size:11px!important;line-height:1.5}
.admin-topbar .admin-account-menu .dropdown-item{display:flex!important;align-items:center;gap:11px;padding:11px 12px!important;border-radius:10px!important;color:#46536b!important;font-size:13px!important;font-weight:800!important;transition:all .18s ease}
.admin-topbar .admin-account-menu .dropdown-item i{width:19px;color:#5b70dc!important;font-size:15px;text-align:center}
.admin-topbar .admin-account-menu .dropdown-item:hover{background:#f0f4ff!important;color:#3454d3!important;transform:translateX(2px)}
.admin-topbar .admin-logout-button{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:46px!important;padding:0 17px!important;border:1px solid #ffd9df!important;border-radius:14px!important;background:linear-gradient(135deg,#fff7f8,#fff)!important;color:#df4357!important;font-size:13px!important;font-weight:900!important;white-space:nowrap;text-decoration:none!important;box-shadow:0 5px 14px rgba(224,65,86,.08)!important;transition:all .2s ease}
.admin-topbar .admin-logout-button i{font-size:15px}
.admin-topbar .admin-logout-button:hover{background:linear-gradient(135deg,#ffecef,#fff4f5)!important;border-color:#ffb9c4!important;color:#c92f46!important;box-shadow:0 9px 20px rgba(224,65,86,.15)!important;transform:translateY(-2px)}
@media(max-width:767.98px){.admin-topbar{padding-left:14px!important;padding-right:14px!important}.admin-topbar .topbar-actions{gap:8px!important}.admin-topbar .topbar-date{display:none!important}.admin-topbar .admin-account-button{min-height:48px;padding:4px 7px!important;gap:7px!important}.admin-topbar .admin-account-button .admin-avatar{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px}.admin-topbar .admin-account-button .admin-user{min-width:0}.admin-topbar .admin-account-button .admin-user strong{max-width:95px;overflow:hidden;text-overflow:ellipsis}.admin-topbar .account-chevron-wrap{width:21px!important;height:21px!important;flex-basis:21px}.admin-topbar .admin-logout-button{min-height:40px!important;padding:0 11px!important;font-size:12px!important;gap:6px}.admin-topbar .admin-account-menu{min-width:230px!important}}
@media(max-width:420px){.admin-topbar .admin-account-button .admin-user{display:none!important}.admin-topbar .admin-account-button{padding:4px!important}.admin-topbar .admin-logout-button span{display:none}.admin-topbar .admin-logout-button{width:40px;padding:0!important}}