/* EMB-Unlocker Premium UI — 2026 redesign */
:root{
 --emb-bg:#07111f;--emb-bg2:#0b1728;--emb-panel:rgba(14,27,45,.88);--emb-panel2:#102139;
 --emb-line:rgba(148,163,184,.16);--emb-text:#eaf2ff;--emb-muted:#91a4bf;
 --emb-blue:#38bdf8;--emb-blue2:#2563eb;--emb-gold:#f5c451;--emb-green:#22c55e;
 --emb-shadow:0 20px 60px rgba(0,0,0,.22);--emb-radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% 0%,rgba(37,99,235,.15),transparent 28%),radial-gradient(circle at 90% 10%,rgba(245,196,81,.08),transparent 22%),var(--emb-bg)!important;color:var(--emb-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
/* Global surfaces */
.card,.app-card,.svc-card-style,.payment-card,.receipt-card,.history-card,.cat-card,.svc-mini-card,.qa-card,.order-card,.ticket-card,.modal-content,.form-container,.main-container .inner-header,.quick-access-container{border:1px solid var(--emb-line)!important;background:linear-gradient(145deg,rgba(16,33,57,.96),rgba(8,20,34,.94))!important;box-shadow:var(--emb-shadow)!important;color:var(--emb-text)!important;border-radius:var(--emb-radius)!important}
.app-header,.top-navbar,.sidebar,.btm-nav{background:rgba(7,17,31,.86)!important;border-color:var(--emb-line)!important;backdrop-filter:blur(18px)}
.app-header{box-shadow:0 10px 35px rgba(0,0,0,.18)!important}
.app-title,.card-title,.inner-header h2,.inner-header h3,.featured-header,.rec-header,.order-header,.ticket-card h5,.modal-title{color:#fff!important}
.text-muted,.text-secondary,.small,.card small,.history-card small{color:var(--emb-muted)!important}
/* Search */
.search-inp,.main-search-bar,.search-inp-box,.top-navbar-search input{background:rgba(255,255,255,.055)!important;border:1px solid var(--emb-line)!important;color:#fff!important;border-radius:15px!important;box-shadow:none!important}
.search-inp::placeholder,.main-search-bar::placeholder,.top-navbar-search input::placeholder{color:#7890ad!important}
.search-inp:focus,.main-search-bar:focus{border-color:rgba(56,189,248,.7)!important;box-shadow:0 0 0 4px rgba(56,189,248,.09)!important}
/* Buttons */
.pay-btn,.main-btn,.log-btn,.key-btn,.load-more-btn,.chat-send-btn{border:0!important;background:linear-gradient(135deg,var(--emb-blue2),#0ea5e9)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 10px 25px rgba(37,99,235,.22)!important;transition:.22s ease!important}
.pay-btn:hover,.main-btn:hover,.log-btn:hover,.key-btn:hover,.load-more-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-outline-primary{border-color:rgba(56,189,248,.45)!important;color:var(--emb-blue)!important}
/* Cards */
.app-card,.svc-card-style,.svc-mini-card,.cat-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.app-card:hover,.svc-card-style:hover,.svc-mini-card:hover,.cat-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.4)!important;box-shadow:0 22px 55px rgba(0,0,0,.3)!important}
.app-card-icon-box,.card-icon{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(245,196,81,.12))!important;color:#7dd3fc!important;border:1px solid rgba(125,211,252,.12)}
.card-price,.price-badge-container,.balance-display,.floating-balance{color:var(--emb-gold)!important}
/* Navigation */
.nav-bar,.desktop-nav-header{background:rgba(7,17,31,.92)!important;border-top:1px solid var(--emb-line)!important;border-bottom:1px solid var(--emb-line)!important}
.nav-item.active,.sidebar-nav-item.active,.nav-link.active{color:#fff!important;background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(14,165,233,.75))!important;box-shadow:0 10px 25px rgba(37,99,235,.2)}
.nav-item,.sidebar-nav-item,.nav-link{color:#9db0c8!important}
/* Sidebar */
.sidebar{box-shadow:20px 0 60px rgba(0,0,0,.25)!important}
.sidebar-logo,.brand{color:#fff!important}
.sidebar-logo:after,.brand:after{content:" • PREMIUM";font-size:.62em;color:var(--emb-gold);font-weight:800;letter-spacing:1px}
/* Header / hero */
.curved-header{background:radial-gradient(circle at 80% 0%,rgba(56,189,248,.2),transparent 35%),linear-gradient(135deg,#0c1c31,#07111f)!important;border-bottom:1px solid var(--emb-line)!important}
.floating-balance{background:linear-gradient(135deg,#122b49,#0d1d31)!important;border:1px solid var(--emb-line)!important;box-shadow:0 20px 45px rgba(0,0,0,.3)!important}
/* Modals */
.modal-backdrop.show{opacity:.72!important}.modal-content{background:#0b1728!important}.modal-header,.modal-footer{border-color:var(--emb-line)!important}
.form-control,.form-select{background:#0b1728!important;border:1px solid var(--emb-line)!important;color:#fff!important;border-radius:12px!important}.form-control:focus,.form-select:focus{border-color:var(--emb-blue)!important;box-shadow:0 0 0 3px rgba(56,189,248,.1)!important}
/* Admin */
.admin-layout,.content,.main-content,.dashboard-content{background:transparent!important}
.stats-card,.stat-card,.table-container,.panel-card,.admin-card{background:linear-gradient(145deg,rgba(16,33,57,.96),rgba(8,20,34,.94))!important;border:1px solid var(--emb-line)!important;color:#fff!important;border-radius:18px!important;box-shadow:var(--emb-shadow)!important}
table{color:#eaf2ff!important}thead{background:rgba(56,189,248,.07)!important}td,th{border-color:var(--emb-line)!important}
.alert{border-radius:14px!important}
/* Scrollbar */
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07111f}::-webkit-scrollbar-thumb{background:#1d3554;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2d527d}
@media(max-width:768px){body{font-size:14px}.app-card,.svc-card-style{border-radius:16px!important}.app-header{height:62px!important}.curved-header{padding-top:20px!important}.modal-dialog{margin:12px}.main-container{padding-left:12px!important;padding-right:12px!important}}
/* Login pages */
.login-container{background:linear-gradient(145deg,rgba(14,27,45,.96),rgba(7,17,31,.98))!important;border:1px solid var(--emb-line)!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;border-radius:24px!important;color:#fff!important}
.app-logo{background:linear-gradient(135deg,var(--emb-gold),#f59e0b)!important;color:#07111f!important;box-shadow:0 15px 35px rgba(245,196,81,.2)!important}
.orb{opacity:.5!important}