/* ================================================================
   LONG MOD NOVA SYSTEM — full product visual refresh
   ================================================================ */
:root{
  --nova-bg:#070812;--nova-panel:rgba(15,18,34,.78);--nova-panel-2:#10152a;
  --nova-line:rgba(148,163,255,.16);--nova-line-strong:rgba(168,180,255,.34);
  --nova-text:#f5f7ff;--nova-soft:#c1c8e5;--nova-muted:#7e89ad;
  --nova-violet:#9b7cff;--nova-cyan:#4de8ff;--nova-pink:#ff6bd6;
  --nova-gradient:linear-gradient(115deg,#9b7cff 0%,#5bdcff 52%,#e6a8ff 100%);
  --nova-gradient-dark:linear-gradient(145deg,rgba(155,124,255,.2),rgba(77,232,255,.045));
  --nova-shadow:0 24px 70px rgba(0,0,0,.32),0 0 46px rgba(104,95,255,.08);
}
html{background:var(--nova-bg)!important;color-scheme:dark}
body{background:radial-gradient(900px 520px at 88% -8%,rgba(155,124,255,.15),transparent 68%),radial-gradient(850px 540px at -8% 94%,rgba(77,232,255,.09),transparent 65%),var(--nova-bg)!important;color:var(--nova-text)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(164,174,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(164,174,255,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);z-index:-1}
a{color:#aeb6ff}a:hover{color:#66eaff}
.app-sidebar{background:linear-gradient(180deg,#0b0e1e 0%,#080a15 100%)!important;border-right:1px solid var(--nova-line)!important;box-shadow:16px 0 60px rgba(0,0,0,.2)!important}
.sidebar-brand{padding:22px 20px!important;border-bottom:1px solid var(--nova-line)!important;position:relative;overflow:hidden}
.sidebar-brand:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:1px;background:var(--nova-gradient);opacity:.7}
.sidebar-brand .brand-logo{background:var(--nova-gradient)!important;color:#080a15!important;border-radius:13px!important;box-shadow:0 0 28px rgba(155,124,255,.38)!important;font-weight:900}
.sidebar-brand .brand-name{font-size:1.12rem!important;letter-spacing:.04em!important;color:#fff!important}
.sidebar-search{padding:16px 15px 7px!important}.sidebar-search .form-control{height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--nova-line)!important;color:#eef1ff!important}
.sidebar-section-label{padding:18px 13px 7px!important;color:#66729b!important;font-size:.62rem!important;letter-spacing:.19em!important}
.sidebar-link{position:relative;border:1px solid transparent!important;border-radius:12px!important;padding:11px 13px!important;color:#9da8cb!important;font-size:.84rem!important}
.sidebar-link i{color:#7582ba;transition:color .2s,transform .2s}.sidebar-link:hover{background:rgba(155,124,255,.09)!important;color:#fff!important;transform:translateX(3px)}.sidebar-link:hover i{color:var(--nova-cyan);transform:scale(1.12)}
.sidebar-link.active{background:linear-gradient(90deg,rgba(155,124,255,.2),rgba(77,232,255,.035))!important;color:#fff!important;border-color:rgba(155,124,255,.2)!important;box-shadow:inset 3px 0 var(--nova-cyan),0 10px 28px rgba(25,25,80,.2)!important}.sidebar-link.active i{color:var(--nova-cyan)}
.sidebar-link .badge{background:var(--nova-gradient)!important;color:#0b0e1e!important}
.sidebar-footer{border-top-color:var(--nova-line)!important}
.app-topbar{background:rgba(7,8,18,.74)!important;border-bottom:1px solid var(--nova-line)!important;backdrop-filter:blur(24px)!important;padding:12px 22px!important}.topbar-title{color:#f9faff!important;font-weight:750!important;letter-spacing:.01em!important}.topbar-title small{color:#7180aa!important;letter-spacing:.08em}.topbar-toggle,.topbar-icon-btn{color:#abb5db!important}.topbar-icon-btn:hover,.topbar-toggle:hover{background:rgba(155,124,255,.12)!important;color:#fff!important}.topbar-user{background:rgba(255,255,255,.05)!important;border-color:var(--nova-line)!important}.topbar-user .avatar{background:var(--nova-gradient)!important;color:#090b18!important;box-shadow:0 0 18px rgba(155,124,255,.32)}
.app-content{padding:28px 30px!important}.app-footer{background:rgba(7,8,18,.7)!important;border-top-color:var(--nova-line)!important;color:#7180aa!important}.app-footer .footer-brand{color:#b8c1e4!important}
.card,.card-custom,.feature-card,.hero-stat{background:linear-gradient(145deg,rgba(21,26,52,.9),rgba(10,13,28,.9))!important;border:1px solid var(--nova-line)!important;border-radius:20px!important;box-shadow:var(--nova-shadow)!important;position:relative;overflow:hidden}.card:before,.card-custom:before,.feature-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(155,124,255,.06),transparent 36%,rgba(77,232,255,.035));opacity:.9}.card-header,.card-footer{background:rgba(255,255,255,.025)!important;border-color:var(--nova-line)!important;color:#e9edff!important}.card-body{color:var(--nova-soft)!important}.card-title{letter-spacing:.01em}
.btn{border-radius:12px!important;font-weight:750!important;letter-spacing:.01em;min-height:40px}.btn-primary,.btn-default{background:var(--nova-gradient)!important;border:0!important;color:#070914!important;box-shadow:0 10px 28px rgba(105,111,255,.25)!important}.btn-primary:hover,.btn-default:hover{filter:brightness(1.12);box-shadow:0 14px 36px rgba(77,232,255,.2)!important}.btn-light{background:rgba(255,255,255,.1)!important;color:#f5f7ff!important;border:1px solid var(--nova-line)!important}.btn-secondary{background:#1a2140!important;border-color:#38436d!important;color:#dfe5ff!important}.btn-outline-primary{border-color:#7080d7!important;color:#aeb9ff!important}.btn-outline-primary:hover{background:var(--nova-gradient)!important;color:#080a15!important}
.form-control,.form-select,textarea.form-control{background:rgba(5,8,21,.72)!important;border:1px solid var(--nova-line)!important;color:#edf1ff!important;border-radius:12px!important;min-height:42px}.form-control:focus,.form-select:focus,textarea.form-control:focus{border-color:var(--nova-cyan)!important;box-shadow:0 0 0 3px rgba(77,232,255,.1),0 0 30px rgba(155,124,255,.1)!important;background:rgba(11,15,34,.9)!important}.form-label,label{color:#d9e0ff!important}.form-text,.text-muted{color:var(--nova-muted)!important}
.table-responsive{border:1px solid var(--nova-line)!important;border-radius:16px!important;overflow:hidden}.table{--bs-table-color:#dce2fb!important;--bs-table-border-color:var(--nova-line)!important}.table thead th{background:rgba(30,38,78,.7)!important;color:#99a8dc!important;letter-spacing:.1em!important}.table-hover>tbody>tr:hover>*{background:rgba(155,124,255,.08)!important;color:#fff!important}.badge{border-radius:999px!important;letter-spacing:.03em}.bg-primary{background:var(--nova-gradient)!important;color:#080a15!important}
.alert{background:rgba(19,26,52,.76)!important;border-color:var(--nova-line-strong)!important;color:#dce4ff!important;border-radius:14px!important}
/* command center */
.hero{padding:34px!important;border:1px solid var(--nova-line)!important;border-radius:25px!important;background:radial-gradient(500px 240px at 0% 0%,rgba(155,124,255,.24),transparent 70%),linear-gradient(135deg,rgba(17,22,50,.95),rgba(8,11,27,.88))!important;box-shadow:var(--nova-shadow)!important;position:relative;overflow:hidden}.hero:after{content:"NOVA CONTROL";position:absolute;right:28px;top:25px;color:rgba(126,137,173,.3);font-weight:900;letter-spacing:.25em;font-size:.65rem}.hero h1{font-size:clamp(2rem,4vw,3.2rem)!important;letter-spacing:-.06em!important;color:#fff!important}.hero .lead{color:#aab6dc!important}.hero-stats{gap:12px!important}.hero-stat{background:rgba(255,255,255,.045)!important;padding:17px!important}.hero-stat .value{color:#f4f6ff!important}.hero-stat .label{color:#8998c2!important}
/* landing */
.landing-wrap{min-height:calc(100vh - 80px)!important;padding:65px 18px 80px!important}.landing-hero{max-width:980px!important}.landing-hero .hero-badge{background:rgba(155,124,255,.1)!important;border-color:rgba(155,124,255,.35)!important;color:#d4cbff!important;padding:8px 16px!important}.landing-hero h1{font-size:clamp(3rem,8vw,6.6rem)!important;letter-spacing:-.08em!important;line-height:.92!important}.landing-hero h1 .gradient-text{background:var(--nova-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important}.landing-hero p.lead{color:#aab6dc!important;max-width:700px!important;font-size:1.05rem!important}.feature-grid{max-width:1100px!important;margin-top:72px!important;grid-template-columns:repeat(4,1fr)!important}.feature-card{padding:24px!important}.feature-card .icon{background:rgba(155,124,255,.13)!important;color:var(--nova-cyan)!important;border:1px solid rgba(155,124,255,.23)}.feature-card h5{color:#eef2ff!important}.feature-card p{color:#94a2c9!important}
/* section headers and forms */
.page-head h4{font-size:1.45rem!important;color:#f6f8ff!important}.page-head .subtitle{color:#8190bb!important}.feature-tile,.current-status-box{background:rgba(155,124,255,.055)!important;border-color:var(--nova-line)!important;border-radius:14px!important}.feature-tile label{color:#dfe5ff!important}.feature-tile label i{color:var(--nova-cyan)!important}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:700px){.app-content{padding:18px 14px!important}.hero{padding:24px!important}.hero:after{display:none}.feature-grid{grid-template-columns:1fr!important}.landing-hero h1{font-size:3.4rem!important}}
.nova-brand-caption{display:block;color:#6f7da5;font-size:8px;letter-spacing:.2em;font-weight:800;margin-top:2px}.nova-sidebar-status{display:flex;align-items:center;gap:9px;margin:13px 15px 2px;padding:10px 11px;border:1px solid rgba(148,163,255,.13);border-radius:13px;background:rgba(155,124,255,.055);color:#dfe5ff}.nova-sidebar-status>span:nth-child(2){min-width:0;flex:1}.nova-sidebar-status b,.nova-sidebar-status small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nova-sidebar-status b{font-size:10px}.nova-sidebar-status small{margin-top:2px;color:#7887ad;font-size:8px}.nova-sidebar-status>i{color:#65749e}


/* ================================================================
   BLACK GLASS SHARP — no rounded corners, no theme switch, no color wash
   ================================================================ */
:root{--sharp-bg:#050505;--sharp-panel:rgba(12,12,12,.74);--sharp-panel-2:rgba(20,20,20,.78);--sharp-line:rgba(255,255,255,.13);--sharp-line-soft:rgba(255,255,255,.075);--sharp-text:#f4f4f4;--sharp-soft:#b2b2b2;--sharp-muted:#737373;--sharp-white:#fff}
html,body{background:#050505!important;color:var(--sharp-text)!important}
body{background:linear-gradient(180deg,#090909 0%,#030303 100%)!important}
body:before{opacity:.1;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:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%)}
/* Deliberately square UI language across every app surface. */
.app-shell *, .app-shell *:before, .app-shell *:after{border-radius:0!important}
.app-shell .topbar-user .avatar,.app-shell .nova-live,.app-shell .form-check-input{border-radius:0!important}
.app-sidebar{background:rgba(7,7,7,.94)!important;border-right:1px solid var(--sharp-line)!important;box-shadow:14px 0 45px rgba(0,0,0,.5)!important}
.sidebar-brand{background:rgba(255,255,255,.018)!important;border-bottom:1px solid var(--sharp-line)!important}.sidebar-brand:after{background:#fff!important;opacity:.55}.sidebar-brand .brand-logo{background:#e9e9e9!important;color:#050505!important;box-shadow:none!important}.sidebar-search .form-control{background:rgba(255,255,255,.025)!important;border:1px solid var(--sharp-line)!important}.sidebar-link{border-color:transparent!important;color:#989898!important}.sidebar-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:none}.sidebar-link.active{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.17)!important;box-shadow:inset 2px 0 #fff!important}.sidebar-link.active i,.sidebar-link:hover i{color:#fff!important;transform:none}.sidebar-link .badge{background:#e9e9e9!important;color:#050505!important}.nova-sidebar-status{background:rgba(255,255,255,.025)!important;border-color:var(--sharp-line)!important}.nova-sidebar-status .nova-live{background:#eee!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)!important}
.app-topbar{background:rgba(5,5,5,.88)!important;border-bottom:1px solid var(--sharp-line)!important;backdrop-filter:blur(18px)!important}.topbar-title{color:#fff!important}.topbar-title small{color:#737373!important}.topbar-icon-btn,.topbar-toggle{color:#aaa!important}.topbar-icon-btn:hover,.topbar-toggle:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.topbar-user{background:rgba(255,255,255,.04)!important;border-color:var(--sharp-line)!important}.topbar-user .avatar{background:#ededed!important;color:#050505!important;box-shadow:none!important}
.app-content{background:transparent!important}.app-footer{background:#060606!important;border-top-color:var(--sharp-line)!important;color:#707070!important}.app-footer .footer-brand{color:#c8c8c8!important}
.card,.card-custom,.feature-card,.hero-stat{background:linear-gradient(180deg,rgba(24,24,24,.75),rgba(8,8,8,.82))!important;border:1px solid var(--sharp-line)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)!important}.card:before,.card-custom:before,.feature-card:before{background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 50%)!important}.card-header,.card-footer{background:rgba(255,255,255,.025)!important;border-color:var(--sharp-line-soft)!important;color:#eee!important}.card-body{color:#bdbdbd!important}
.btn,.form-control,.form-select,textarea.form-control,.alert,.table-responsive,.feature-tile,.current-status-box,.nova-module,.hero,.nova-landing-brand .brand-logo,.nova-panel,.nova-feature,.nova-panel-card,.nova-profile-card,.nova-history-card{border-radius:0!important}.btn-primary,.btn-default,.auth-submit{background:#ececec!important;color:#050505!important;box-shadow:none!important}.btn-primary:hover,.btn-default:hover,.auth-submit:hover{background:#fff!important;filter:none!important;box-shadow:0 0 0 1px #fff!important}.btn-light{background:rgba(255,255,255,.06)!important;color:#eee!important;border-color:var(--sharp-line)!important}.btn-outline-primary{color:#eee!important;border-color:#858585!important}.btn-outline-primary:hover{background:#eee!important;color:#050505!important}
.form-control,.form-select,textarea.form-control{background:rgba(0,0,0,.48)!important;border:1px solid var(--sharp-line)!important;color:#eee!important}.form-control:focus,.form-select:focus,textarea.form-control:focus{background:rgba(255,255,255,.03)!important;border-color:#eee!important;box-shadow:0 0 0 1px #eee!important}.form-label,label{color:#ddd!important}.text-muted,.form-text{color:#777!important}.table-responsive{border-color:var(--sharp-line)!important}.table thead th{background:rgba(255,255,255,.07)!important;color:#aaa!important}.table-hover>tbody>tr:hover>*{background:rgba(255,255,255,.06)!important;color:#fff!important}.badge,.bg-primary{background:#e7e7e7!important;color:#050505!important}
.hero{background:linear-gradient(180deg,rgba(28,28,28,.84),rgba(5,5,5,.9))!important;box-shadow:0 22px 65px rgba(0,0,0,.44)!important}.hero:after{content:"BLACK GLASS / CONTROL"!important;color:#646464!important}.hero h1,.page-head h4,.nova-section-title h2{color:#fff!important}.hero .lead{color:#a6a6a6!important}.hero-stat{background:rgba(255,255,255,.035)!important}.nova-module{background:rgba(255,255,255,.035)!important;border-color:var(--sharp-line)!important;color:#eee!important}.nova-module:before{display:none}.nova-module:hover{border-color:#fff!important;box-shadow:none;transform:translateY(-2px)}.module-icon{background:rgba(255,255,255,.08)!important;color:#fff!important}.nova-feature{background:rgba(255,255,255,.025)!important;border-color:var(--sharp-line)!important}.nova-feature .icon{background:rgba(255,255,255,.08)!important;color:#eee!important;border-color:var(--sharp-line)}
/* remove visual color changing semantics */
.theme-toggle,[data-theme-toggle]{display:none!important}


/* ================================================================
   BLACK GLASS ROUND — transparent black glass with premium corners
   ================================================================ */
.app-shell *,.app-shell *:before,.app-shell *:after{border-radius:12px!important}
.app-shell .app-sidebar,.app-shell .app-topbar,.app-shell .app-content,.app-shell .app-footer{border-radius:0!important}
.app-shell .sidebar-brand,.app-shell .sidebar-search .form-control,.app-shell .sidebar-link,.app-shell .topbar-user,.app-shell .topbar-icon-btn,.app-shell .topbar-toggle{border-radius:12px!important}
.app-shell .card,.app-shell .card-custom,.app-shell .feature-card,.app-shell .hero,.app-shell .hero-stat,.app-shell .nova-module,.app-shell .nova-feature,.app-shell .nova-panel,.app-shell .nova-panel-card{border-radius:20px!important}
.app-shell .btn,.app-shell .form-control,.app-shell .form-select,.app-shell textarea.form-control,.app-shell .alert,.app-shell .table-responsive,.app-shell .feature-tile,.app-shell .current-status-box{border-radius:12px!important}
.app-shell .badge,.app-shell .nova-live,.app-shell .form-check-input{border-radius:999px!important}
.app-shell{background:transparent!important}.app-shell .card,.app-shell .card-custom,.app-shell .feature-card,.app-shell .hero,.app-shell .hero-stat{background:rgba(18,18,18,.64)!important;border-color:rgba(255,255,255,.15)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 22px 60px rgba(0,0,0,.38)!important}.app-shell .card:before,.app-shell .card-custom:before,.app-shell .feature-card:before{border-radius:inherit!important;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 55%)!important}.app-shell .nova-module,.app-shell .nova-feature{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.13)!important}.app-shell .nova-module:hover{border-color:rgba(255,255,255,.35)!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}.app-shell .form-control,.app-shell .form-select,.app-shell textarea.form-control{background:rgba(0,0,0,.45)!important;border-color:rgba(255,255,255,.15)!important}.app-shell .btn-primary,.app-shell .btn-default{border-radius:12px!important}


/* ================================================================
   BLACK / WHITE LEGIBILITY — final contrast pass
   ================================================================ */
html,body{background:#050505!important;color:#f4f4f4!important}body{background:linear-gradient(180deg,#090909 0%,#030303 100%)!important}a{color:#e4e4e4!important}a:hover{color:#fff!important}.app-shell .card-body,.app-shell .card-body *{color:#d1d1d1}.app-shell .text-muted,.app-shell .form-text{color:#8c8c8c!important}.app-shell .page-head h4,.app-shell .card-title,.app-shell .card h3,.app-shell .card h4{color:#fff!important}.app-shell .hero h1,.app-shell .nova-hero-copy h1,.app-shell .nova-section-title h2{color:#fff!important}.app-shell .hero .lead,.app-shell .nova-hero-copy .lead{color:#c3c3c3!important}.app-shell .gradient-text,.app-shell .nova-hero-copy h1 .gradient-text{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important;color:#fff!important}.app-shell .hero-stat .label,.app-shell .nova-module small,.app-shell .nova-clock,.app-shell .nova-section-title .nova-eyebrow{color:#999!important}.app-shell .hero-stat .value,.app-shell .nova-module b,.app-shell .nova-profile-head h3,.app-shell .nova-history-card h3{color:#fff!important}.app-shell .nova-stat-note,.app-shell .nova-profile-head span,.app-shell .nova-profile-lines span{color:#999!important}.app-shell .nova-profile-lines b{color:#eee!important}.app-shell .nova-status,.app-shell .nova-status i{color:#eee!important}.app-shell .nova-status i{background:#eee!important;box-shadow:0 0 8px rgba(255,255,255,.55)!important}.app-shell .btn-primary,.app-shell .btn-default{background:#f1f1f1!important;color:#070707!important;border:1px solid #fff!important}.app-shell .btn-light{color:#eee!important;background:rgba(255,255,255,.08)!important}.app-shell .btn-outline-primary{color:#eee!important;border-color:#aaa!important}.app-shell .module-icon,.app-shell .nova-feature .icon{background:rgba(255,255,255,.1)!important;color:#fff!important}.app-shell .nova-ref,.app-shell .nova-key-mask{color:#eee!important;background:rgba(255,255,255,.07)!important}.app-shell .nova-live{background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 12px rgba(255,255,255,.55)!important}
/* Landing and dashboard inline layers */
.nova-landing h1 em,.nova-landing .nova-landing-kicker{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}.nova-landing-copy{color:#c2c2c2!important}.nova-landing-top .status,.nova-proof{color:#aaa!important}.nova-proof i{color:#fff!important}.nova-panel{background:rgba(12,12,12,.72)!important;border-color:rgba(255,255,255,.18)!important}.nova-panel-head,.nova-panel-card b,.nova-feature h3{color:#fff!important}.nova-panel-head i,.nova-panel-card b span,.nova-panel-badge,.nova-feature .icon{color:#eee!important}.nova-panel-card small,.nova-feature p{color:#999!important}.nova-panel-line:before{background:#eee!important}.nova-feature{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.15)!important}

/* ================================================================
   PANEL UX PASS — sharper hierarchy, readable contrast, responsive touch
   ================================================================ */
.app-shell{min-height:100vh;isolation:isolate}
.app-content{min-width:0;max-width:100%;overflow-x:clip}
.app-shell .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px}
.app-shell .page-head h4{margin:0;font-size:clamp(1.25rem,2vw,1.8rem)!important;letter-spacing:-.035em!important}
.app-shell .page-head .subtitle{margin:.35rem 0 0;max-width:760px;line-height:1.65}
.app-shell .card{overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.app-shell .card:hover{border-color:rgba(255,255,255,.25)!important;box-shadow:0 24px 58px rgba(0,0,0,.48)!important}
.app-shell .card:before{z-index:0;pointer-events:none}
.app-shell .card-header,.app-shell .card-body,.app-shell .card-footer{position:relative;z-index:1}
.app-shell .card-header{padding:14px 18px!important;font-weight:750}
.app-shell .card-body{padding:18px!important}
.app-shell .form-control,.app-shell .form-select,.app-shell textarea.form-control{width:100%;color:#f5f5f5!important;line-height:1.45;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.app-shell .form-control::placeholder,.app-shell textarea::placeholder{color:#858585!important;opacity:1}
.app-shell .form-select option{background:#111;color:#f5f5f5}
.app-shell .form-check-input{background-color:#111;border:1px solid #777;box-shadow:none}
.app-shell .form-check-input:checked{background-color:#f1f1f1;border-color:#f1f1f1}
.app-shell .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.app-shell .form-label{display:inline-block;margin-bottom:.45rem;font-size:.82rem;font-weight:700;letter-spacing:.01em}
.app-shell .form-text,.app-shell .text-muted{color:#9a9a9a!important;line-height:1.55}
.app-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .95rem;white-space:normal;line-height:1.35;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.app-shell .btn:active{transform:translateY(1px)}
.app-shell .btn:focus-visible,.app-shell a:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}
.app-shell .btn-danger,.app-shell .btn-outline-danger{border-color:rgba(255,120,120,.48)!important}
.app-shell .alert{line-height:1.6;overflow-wrap:anywhere}
.app-shell .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.app-shell .table{margin:0;vertical-align:middle}
.app-shell .table thead th{padding:13px 14px;font-size:.68rem;text-transform:uppercase;white-space:nowrap}
.app-shell .table tbody td{padding:12px 14px;border-color:rgba(255,255,255,.085)!important}
.app-shell .table code,.app-shell code{color:#f4f4f4;background:rgba(255,255,255,.07);padding:.18em .42em;border:1px solid rgba(255,255,255,.09);overflow-wrap:anywhere}
.app-shell .dropdown-menu{background:#111!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 44px rgba(0,0,0,.55)!important;padding:.4rem}
.app-shell .dropdown-item{color:#ddd!important;border-radius:8px!important;padding:.55rem .7rem}
.app-shell .dropdown-item:hover,.app-shell .dropdown-item:focus{background:rgba(255,255,255,.1)!important;color:#fff!important}
.app-shell .modal-content{background:#101010!important;border:1px solid rgba(255,255,255,.18)!important;color:#eee!important;box-shadow:0 24px 70px rgba(0,0,0,.65)}
.app-shell .modal-header,.app-shell .modal-footer{border-color:rgba(255,255,255,.12)!important}
.app-shell .dataTables_wrapper{color:#ccc}
.app-shell .dataTables_wrapper .dataTables_filter input,.app-shell .dataTables_wrapper .dataTables_length select{margin:0 .35rem;padding:.4rem .6rem!important;min-height:38px}
.app-shell .pagination .page-link{background:#111!important;border-color:rgba(255,255,255,.14)!important;color:#ddd!important}
.app-shell .pagination .page-item.active .page-link{background:#eee!important;border-color:#eee!important;color:#050505!important}
.app-shell .app-sidebar{overscroll-behavior:contain}
.app-shell .sidebar-nav{scrollbar-width:thin;scrollbar-color:#444 transparent}
@media(max-width:900px){.app-shell .app-content{padding:22px 18px!important}.app-shell .page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){
 .app-shell .app-content{padding:16px 12px!important}
 .app-shell .app-topbar{padding:10px 12px!important}
 .app-shell .page-head{margin-bottom:16px}
 .app-shell .card{border-radius:14px!important}
 .app-shell .card-header{padding:12px 14px!important}
 .app-shell .card-body{padding:14px!important}
 .app-shell .form-control,.app-shell .form-select,.app-shell textarea.form-control{min-height:44px;font-size:16px!important}
 .app-shell .btn{min-height:44px}
 .app-shell .table thead th{padding:11px 10px;font-size:.62rem}
 .app-shell .table tbody td{padding:10px;font-size:.82rem}
 .app-shell .row>[class*=col-]{min-width:0}
 .app-shell .table-responsive{border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){.app-shell *, .app-shell *:before, .app-shell *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}