/* NVIDIA-inspired premium UI layer — presentation only. */
:root{
  --nv-green:#76b900;
  --nv-green-2:#9be52b;
  --nv-bg:#f4f7f2;
  --nv-bg-2:#e9eee6;
  --nv-surface:rgba(255,255,255,.76);
  --nv-surface-strong:#ffffff;
  --nv-text:#111510;
  --nv-muted:#667064;
  --nv-border:rgba(17,21,16,.10);
  --nv-shadow:0 18px 50px rgba(24,35,20,.10);
  --nv-radius:22px;
  --nv-glass:blur(20px) saturate(140%);
}
html[data-nv-theme="dark"]{
  --nv-bg:#050705;
  --nv-bg-2:#0a0e0a;
  --nv-surface:rgba(14,18,14,.78);
  --nv-surface-strong:#101510;
  --nv-text:#f1f6ee;
  --nv-muted:#9ba79a;
  --nv-border:rgba(255,255,255,.09);
  --nv-shadow:0 24px 70px rgba(0,0,0,.42);
}
html,body{background:var(--nv-bg)!important;color:var(--nv-text)!important;transition:background .25s ease,color .25s ease}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(118,185,0,.13),transparent 32%),radial-gradient(circle at 90% 20%,rgba(118,185,0,.07),transparent 28%)}

/* shared surfaces */
.card,.common_card,.home-dep,.home-level,.navigation,.navigationNum,.notice,.login-main,.login-head,.popup_box,.heads,.level-box,.footer_menu .content,
.table,.modal-content,.dropdown-menu,.form-control,.custom-select,.input-group-text,.alert,.list-group-item,.toast,.nav-tabs .nav-link.active{
  border-color:var(--nv-border)!important;
}
.card,.common_card,.home-dep,.home-level,.navigationNum,.notice,.login-main,.popup_box,.level-box,.table,.modal-content,.dropdown-menu,.alert,.list-group-item{
  background:var(--nv-surface)!important;backdrop-filter:var(--nv-glass);-webkit-backdrop-filter:var(--nv-glass);box-shadow:var(--nv-shadow);border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius)!important;color:var(--nv-text)!important}
.text-muted,.text-secondary,.muted,.home-level-tab-item,.home-level-hd dd{color:var(--nv-muted)!important}
a{color:var(--nv-green)!important}
.btn-primary,.form-button,.invite_btn,.qr_code_btn{background:linear-gradient(135deg,var(--nv-green),#5e9800)!important;border-color:var(--nv-green)!important;color:#071000!important;box-shadow:0 8px 24px rgba(118,185,0,.22)!important;border-radius:14px!important;font-weight:700}
.btn-primary:hover,.form-button:hover,.invite_btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn,.form-control,.custom-select{border-radius:14px!important}
.form-control,.custom-select,.input-group-text,input,select,textarea{background:var(--nv-surface-strong)!important;color:var(--nv-text)!important;border:1px solid var(--nv-border)!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--nv-muted)!important}
.form-control:focus,input:focus,textarea:focus,select:focus{border-color:var(--nv-green)!important;box-shadow:0 0 0 3px rgba(118,185,0,.14)!important}
.table{overflow:hidden}.table thead th{background:rgba(118,185,0,.09)!important;color:var(--nv-text)!important;border-color:var(--nv-border)!important}.table td{border-color:var(--nv-border)!important;color:var(--nv-text)!important}

/* theme toggle */
.nv-theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--nv-border);border-radius:14px;background:var(--nv-surface);color:var(--nv-text);cursor:pointer;backdrop-filter:var(--nv-glass);box-shadow:var(--nv-shadow);z-index:20}
.nv-theme-toggle:hover{border-color:rgba(118,185,0,.55);color:var(--nv-green)}
.nv-theme-toggle svg{width:19px;height:19px;fill:currentColor}
.nv-brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;color:var(--nv-text)!important}.nv-brand-mark img{max-height:34px;width:auto;object-fit:contain}.nv-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--nv-green);box-shadow:0 0 16px rgba(118,185,0,.75)}

/* User app */
.wrapper,.wrapper-inline{background:transparent!important}.header-with-logo{position:sticky!important;top:0;z-index:1000;padding:14px 18px!important;background:var(--nv-surface)!important;backdrop-filter:var(--nv-glass);border-bottom:1px solid var(--nv-border);box-shadow:0 8px 30px rgba(0,0,0,.06)}
.header-with-logo .d-flex{align-items:center}.header-with-logo .to_time{color:var(--nv-muted)!important;font-size:12px!important;margin:0!important}.header-with-logo .rng_logo{object-fit:contain}
.bottom-menu-section{position:fixed!important;left:50%!important;bottom:14px!important;transform:translateX(-50%);width:min(94%,560px)!important;z-index:1100;padding:7px!important;background:var(--nv-surface)!important;border:1px solid var(--nv-border);border-radius:24px;backdrop-filter:var(--nv-glass);box-shadow:0 18px 55px rgba(0,0,0,.24)}
ul.bottom-menu{display:flex!important;justify-content:space-around;align-items:center;margin:0!important}.bottom-menu li{flex:1;margin:0!important}.bottom-menu li a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:16px;color:var(--nv-muted)!important;font-size:11px;font-weight:600}.bottom-menu li a:hover,.bottom-menu li a:focus{background:rgba(118,185,0,.10);color:var(--nv-green)!important}.bottom-menu li img{width:21px!important;height:21px;object-fit:contain;filter:grayscale(1);opacity:.8}.bottom-menu li a:hover img{filter:none;opacity:1}
.app-page,.page-content,.content-wrapper{max-width:1180px;margin:0 auto}.content{color:var(--nv-text)!important}

/* Static home */
body.bgColor{background:var(--nv-bg)!important}.bgColor .content{background:transparent!important}.bgColor .home-top{background:linear-gradient(145deg,#071007,#111a0d)!important;border-radius:0 0 34px 34px;box-shadow:0 24px 60px rgba(0,0,0,.22)!important}.bgColor .navigationNumLi,.bgColor .notice,.bgColor .navigation,.bgColor .home-dep,.bgColor .home-level{border:1px solid var(--nv-border)!important;background:var(--nv-surface)!important;backdrop-filter:var(--nv-glass)}.bgColor .home-top,.bgColor .home-top *{color:#f3f8ef}.bgColor .home-level{box-shadow:var(--nv-shadow)!important}.bgColor .navigation-li span{color:var(--nv-text)!important}.bgColor .navigationNumLi p{color:#aab5a7!important}.bgColor .navigationNumLi h2{color:#fff!important}.bgColor .home-level-tit{color:var(--nv-text)!important}

/* Auth */
body.loginBg{background:radial-gradient(circle at 50% 0%,rgba(118,185,0,.18),transparent 38%),var(--nv-bg)!important}.login-warp{max-width:480px!important;margin:auto}.login-warp .login-main,.login-warp .login-head{border-radius:26px!important}.login-warp .login-head{padding:28px!important}.login-warp .login-main{padding:24px!important}.login-tit{color:var(--nv-text)!important}.login-head p,.text-name{color:var(--nv-muted)!important}.text-inline{background:var(--nv-surface-strong)!important;border:1px solid var(--nv-border)!important;border-radius:15px!important}.text-inline input{background:transparent!important;border:0!important}.login-change a.cur{color:var(--nv-green)!important}

/* Admin */
body.vertical-layout{background:var(--nv-bg)!important}.main-menu,.header-navbar,.footer,.content-wrapper,.header-navbar .navbar-wrapper{background:var(--nv-surface)!important;color:var(--nv-text)!important;border-color:var(--nv-border)!important;backdrop-filter:var(--nv-glass)}.main-menu{box-shadow:10px 0 40px rgba(0,0,0,.12)!important}.main-menu .navigation li a,.main-menu .navigation li a i,.main-menu .navigation .navigation-header{color:var(--nv-muted)!important}.main-menu .navigation li.active>a,.main-menu .navigation li.open>a,.main-menu .navigation li a:hover{color:var(--nv-green)!important;background:rgba(118,185,0,.10)!important}.header-navbar{border-bottom:1px solid var(--nv-border)!important}.content.app-content,.app-content .content-wrapper{background:transparent!important}.header-navbar .nav-link,.header-navbar .ficon{color:var(--nv-text)!important}.footer{border-top:1px solid var(--nv-border)!important}.footer,.footer a{color:var(--nv-muted)!important}.dropdown-menu{background:var(--nv-surface-strong)!important}.dropdown-item{color:var(--nv-text)!important}.dropdown-item:hover{background:rgba(118,185,0,.10)!important}.badge-circle{background:rgba(118,185,0,.12)!important;color:var(--nv-green)!important}.dashboard-users-danger .card,.dashboard-users-success .card{transition:transform .2s ease,box-shadow .2s ease}.dashboard-users-danger .card:hover,.dashboard-users-success .card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(0,0,0,.14)!important}

/* Respect existing markup while making cards/forms cohesive */
.section-title,h1,h2,h3,h4,h5,h6{color:var(--nv-text)}.shadow,.shadow-sm{box-shadow:var(--nv-shadow)!important}.border{border-color:var(--nv-border)!important}

@media (max-width:767px){
  body{font-size:14px!important}.header-with-logo{padding:12px 14px!important}.bottom-menu-section{bottom:9px!important}.bottom-menu li a{font-size:10px}.card,.common_card,.home-level,.home-dep{border-radius:18px!important}.container{padding-left:14px!important;padding-right:14px!important}.nv-theme-toggle{width:40px;height:40px}.main-menu{max-width:82vw}.header-navbar .navbar-container{padding-left:10px!important;padding-right:10px!important}.content.app-content{padding-left:8px!important;padding-right:8px!important}.table-responsive{border-radius:16px}.bgColor .home-top{border-radius:0 0 26px 26px!important}
}
@media (min-width:768px){.app-page,.content-wrapper{padding-top:8px}.bgColor .content{max-width:1180px;margin:auto}.bgColor .home-top{border-radius:0 0 40px 40px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}