/* malik99s Control Center — responsive application shell */
:root{--app-sidebar:248px;--app-max:1680px;--app-gap:clamp(16px,2vw,28px);--app-radius:18px;--app-radius-sm:12px;--app-gold:#f6c453;--app-gold-2:#d99a22;--app-bg:#07080d;--app-panel:#0e1017;--app-panel-2:#131620;--app-line:rgba(255,255,255,.09);--app-copy:#f5f1e8;--app-muted:#a9a398}
*{box-sizing:border-box}html{background:var(--app-bg);scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 80% 0,rgba(116,76,200,.09),transparent 32%),var(--app-bg)!important;color:var(--app-copy)!important}
.app-container{min-width:0}.sidebar{width:var(--app-sidebar)!important;padding:26px 20px!important;background:rgba(8,9,15,.96)!important;border-right:1px solid var(--app-line)!important}.brand-logo{font-size:1.35rem!important;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#171108;background:linear-gradient(145deg,#ffe391,var(--app-gold-2));box-shadow:0 8px 24px rgba(246,196,83,.2)}
.nav-links{gap:7px!important}.nav-item a{min-height:46px;padding:11px 13px!important;border-radius:11px!important;font-size:.9rem!important}.nav-item a:hover{padding-left:13px!important;transform:none!important}.nav-item.active a{box-shadow:0 8px 24px rgba(246,196,83,.2)!important}.user-profile{margin-top:18px}.main-content{width:calc(100% - var(--app-sidebar))!important;max-width:none!important;min-width:0!important;margin-left:var(--app-sidebar)!important;padding:clamp(24px,3vw,48px)!important}.main-content>h1,.main-content>div:first-child h1{font-size:clamp(1.65rem,2.3vw,2.35rem)!important;line-height:1.15!important;letter-spacing:-.035em!important}.main-content>div:first-child p{max-width:760px;line-height:1.6}
.card,.stat-card,.promo-slider-container{background:linear-gradient(155deg,rgba(18,20,29,.96),rgba(11,13,19,.96))!important;border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}.card{padding:clamp(18px,2.1vw,30px)!important;margin-bottom:var(--app-gap)!important}.card:hover{border-color:rgba(246,196,83,.18)!important}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--app-gap)!important;margin-bottom:var(--app-gap)!important}.stat-card{min-width:0!important;padding:clamp(18px,2vw,28px)!important}.stat-icon{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:13px!important;font-size:1.15rem!important}.stat-val{font-size:clamp(1.65rem,2.5vw,2.25rem)!important}.dashboard-grid,[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:var(--app-gap)!important;align-items:start!important;min-width:0}.dashboard-grid>*,[style*="grid-template-columns: 2fr 1fr"]>*{min-width:0}.tab-nav-bar{display:flex!important;width:100%!important;max-width:100%!important;margin-bottom:var(--app-gap)!important;padding:6px!important;gap:6px!important;border-radius:14px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.tab-nav-bar::-webkit-scrollbar{display:none}.tab-nav-item{flex:0 0 auto;min-height:42px;padding:10px 15px!important;border-radius:10px!important;white-space:nowrap;font-size:.86rem!important}.tab-nav-item i{width:16px;text-align:center}
.table-responsive{max-width:100%;overflow:auto!important;border-radius:14px!important;background:rgba(7,8,12,.5);-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:760px;border-collapse:collapse}th{font-size:.72rem!important;letter-spacing:.09em!important;color:#9c968c!important}td{vertical-align:middle!important}.action-buttons,.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px;border-radius:10px!important;padding:9px 14px!important;font-size:.84rem!important;line-height:1.2;white-space:nowrap}.form-control{min-width:0;min-height:46px!important;border-radius:11px!important;padding:11px 13px!important;background:#090b11!important;border-color:var(--app-line)!important}.form-label{font-size:.76rem!important;letter-spacing:.06em!important}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.badge{white-space:nowrap}
[id$="Modal"]{padding:20px!important;overflow-y:auto!important}[id$="Modal"]>.card{max-width:min(620px,100%)!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;margin:auto!important}.promo-slide{padding:clamp(22px,3vw,40px)!important}.promo-slide h2{font-size:clamp(1.45rem,2vw,2rem)!important}.brand-footer{position:static!important;margin:0 18px 16px var(--app-sidebar);border-radius:12px!important;justify-content:center}
@media(max-width:1280px){.dashboard-grid,[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}.dashboard-grid>.card,[style*="grid-template-columns: 2fr 1fr"]>.card{width:100%!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:991px){.sidebar{width:min(84vw,300px)!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;padding:84px 18px 34px!important}.mobile-top-bar{height:64px!important;padding:0 16px!important}.brand-footer{margin:0 14px 14px!important}.promo-slide-content{max-width:76%!important}}
@media(max-width:680px){.main-content{padding:78px 12px 28px!important}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:17px!important}.card{padding:16px!important;border-radius:15px!important}.dashboard-grid{gap:14px!important}.tab-nav-bar{margin-left:0!important;margin-right:0!important}.tab-nav-item{padding:9px 12px!important}.promo-slide{min-height:auto!important;padding:20px 18px 40px!important}.promo-slide-content{max-width:100%!important}.promo-slide-graphic{display:none!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:1fr!important}.checkbox-grid{grid-template-columns:1fr!important}.table-responsive table{min-width:680px}.btn{width:auto!important}.card>form>.btn,form>.btn[type="submit"]{width:100%!important}[id$="Modal"]{padding:10px!important}[id$="Modal"]>.card{max-height:calc(100dvh - 20px)!important}.brand-footer{font-size:.68rem!important}}
@media(max-width:380px){.main-content{padding-left:9px!important;padding-right:9px!important}.mobile-top-bar{padding:0 10px!important}.card{padding:14px!important}.tab-nav-item{font-size:.79rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Login */
.auth-page{display:grid!important;place-items:center;min-height:100dvh!important;padding:24px!important;overflow:auto!important}.auth-page .login-container{width:min(100%,430px)!important;margin:auto!important}.auth-page .login-card{width:100%!important;padding:clamp(24px,5vw,42px)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(18,20,29,.97),rgba(10,11,17,.98))!important;border:1px solid var(--app-line)!important;box-shadow:0 28px 70px rgba(0,0,0,.42)!important}.auth-page .logo-crown-fallback{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:15px;background:linear-gradient(145deg,#ffe391,var(--app-gold-2));color:#151006;font-size:1.4rem;box-shadow:0 12px 32px rgba(246,196,83,.22)}.auth-page .brand-name{letter-spacing:-.04em!important}.auth-page .form-control{font-size:16px!important}.auth-page .login-btn{min-height:48px!important;border-radius:11px!important}.auth-page .footer-brand{position:static!important;margin-top:22px!important;text-align:center}.auth-page .geo-lines,.auth-page #shader-bg{max-width:none}
@media(max-width:480px){.auth-page{padding:12px!important;align-items:start;padding-top:max(28px,8vh)!important}.auth-page .login-card{padding:22px 18px!important;border-radius:18px!important}}

.tab-nav-bar>.btn{flex:0 0 auto!important;min-height:42px!important;padding:10px 15px!important;border-radius:10px!important;white-space:nowrap!important;background:transparent!important;color:var(--app-muted)!important;border:1px solid transparent!important;box-shadow:none!important}.tab-nav-bar>.btn:not(.btn-outline){background:linear-gradient(145deg,#ffe391,var(--app-gold-2))!important;color:#171108!important;font-weight:750!important}.tab-nav-bar>.btn.btn-outline:hover{background:rgba(255,255,255,.05)!important;color:var(--app-copy)!important;border-color:var(--app-line)!important}