:root{
  --sidebar-w:245px;
  --topbar-h:72px;
  --sidebar:#171329;
  --panel:#241735;
  --line:rgba(255,255,255,.10);
  --muted:#aaa4ba;
  --text:#fff;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:#191327;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
.app-shell{min-height:100vh;background:radial-gradient(circle at 85% 15%,rgba(223,83,126,.35),transparent 38%),linear-gradient(120deg,#25205c 0%,#3a214e 48%,#7c3438 100%)}

/* SIDEBAR: fixed shell, only menu may scroll; scrollbar is always hidden */
.sidebar{position:fixed;z-index:1030;top:0;bottom:0;left:0;width:var(--sidebar-w);height:100dvh;background:linear-gradient(180deg,#26204f 0,#1d1634 45%,#32172d 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden!important;overscroll-behavior:contain}
.brand{height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 25px;border-bottom:1px solid var(--line);font-size:19px;font-weight:800;color:#fff;text-decoration:none;flex:0 0 auto}
.brand-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10)}
.credit-box{margin:22px 22px 18px;padding:12px;background:rgba(10,7,30,.50);border:1px solid rgba(255,255,255,.05);border-radius:8px;display:flex;align-items:center;gap:12px;flex:0 0 auto}
.credit-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#6331aa,#8d67c7);font-size:24px}
.credit-number{font-size:24px;line-height:1}.credit-name{font-size:13px;margin-top:6px}
.sidebar-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 18px;scrollbar-width:none!important;-ms-overflow-style:none!important}
.sidebar-menu::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
.nav-caption{padding:0 23px;margin:16px 0 6px;color:#7a738a;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.side-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 23px;color:#c9c3d4;text-decoration:none;font-size:14px;border-left:3px solid transparent;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.side-link:hover,.side-link.active{color:#fff;background:rgba(0,0,0,.18);border-left-color:#a477ff}.side-link i{width:18px;flex:0 0 18px}

/* TOP BAR */
.topbar{position:fixed;left:var(--sidebar-w);right:0;top:0;height:var(--topbar-h);background:rgba(30,19,62,.52);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);z-index:1020;display:flex;align-items:center;padding:0 26px;gap:14px}
.top-search{width:min(320px,45vw);position:relative}.top-search input{height:38px;background:rgba(30,22,67,.55);border:1px solid rgba(255,255,255,.11);color:#fff;padding-right:40px}.top-search input::placeholder{color:#b7b0c5}.top-search i{position:absolute;right:13px;top:10px}
.top-user{margin-left:auto;display:flex;align-items:center;gap:10px;color:#eee;height:100%}
.top-language{appearance:none!important;-webkit-appearance:none!important;border:1px solid transparent!important;outline:0!important;background:transparent!important;color:#f1edf5!important;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px!important;border-radius:8px!important;font:inherit!important;font-size:14px!important;line-height:1!important;box-shadow:none!important;white-space:nowrap;cursor:pointer}
.top-language:hover,.top-language:focus,.top-language.show{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.top-language-caret{font-size:10px;opacity:.75}.top-language:after{display:none!important}
.avatar{width:36px;height:36px;border-radius:50%;background:#5a29a3;display:grid;place-items:center;font-weight:700;flex:0 0 36px}
.fullscreen-btn{appearance:none;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.025)!important;color:#f1edf5!important;width:40px;height:40px;padding:0!important;border-radius:8px!important;display:inline-grid!important;place-items:center;font-size:17px;line-height:1;box-shadow:none!important;flex:0 0 40px}
.fullscreen-btn:hover,.fullscreen-btn:focus{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.dropdown-menu{background:#261832;color:#fff;border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.28);padding:6px}.dropdown-item{border-radius:5px}.dropdown-item:hover,.dropdown-item:focus{background:rgba(139,89,182,.35);color:#fff}

/* MAIN */
.main-content{margin-left:var(--sidebar-w);padding:calc(var(--topbar-h) + 32px) 28px 32px;min-height:100vh;overflow-x:hidden}.page-title{font-size:18px;font-weight:750}.breadcrumb-mini{font-size:12px;color:#d6c7d4}
.stat-card,.panel-card{background:rgba(39,18,50,.56);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 35px rgba(12,7,28,.13);color:#fff}.stat-card{border-radius:9px;padding:12px 16px;height:88px;display:flex;align-items:center;gap:18px}.stat-icon{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:29px}.stat-purple{background:linear-gradient(135deg,#5724a0,#8463be)}.stat-teal{background:linear-gradient(135deg,#00b992,#49c3c8)}.stat-red{background:linear-gradient(135deg,#ef1944,#f15c74)}.stat-orange{background:linear-gradient(135deg,#ff8a25,#d94e56)}.stat-value{font-size:25px}.stat-label{font-size:12px;font-weight:700}
.panel-card{border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(39,20,57,.82),rgba(31,16,46,.78));border-color:rgba(255,255,255,.08)}.panel-head{padding:18px 22px;background:rgba(10,6,24,.12);border-bottom:1px solid var(--line);font-weight:700}.panel-body{padding:24px}
.form-label{font-size:12px;font-weight:700}.form-control,.form-select{min-height:44px;background:#261535;border:1px solid rgba(255,255,255,.11);color:#f7f3fb}.form-control::placeholder{color:#766d82}.form-control:focus,.form-select:focus{background:#2b173d;color:#fff;border-color:#8e6adc;box-shadow:0 0 0 .2rem rgba(142,106,220,.15)}.form-select{cursor:pointer;padding-right:2.5rem}.form-select option{background:#21132f;color:#fff}.form-text{color:#9f98ad!important;font-size:12px}.input-group-text{min-width:48px;justify-content:center;background:#1d112b;color:#c9bfd3;border-color:rgba(255,255,255,.11)}
.table-panel{--bs-table-bg:transparent;--bs-table-color:#fff;--bs-table-border-color:rgba(255,255,255,.12);font-size:12px;margin:0}.table-panel thead th{font-size:11px;text-transform:uppercase;padding:12px 13px;white-space:nowrap}.table-panel td{padding:12px 13px;vertical-align:middle}.badge-soft-success{background:#22c39e}.badge-soft-danger{background:#ed3155}.badge-soft-warning{background:#db9228}.badge-soft-secondary{background:#625570}.btn-purple{--bs-btn-bg:#53208e;--bs-btn-border-color:#53208e;--bs-btn-hover-bg:#662aa9;--bs-btn-hover-border-color:#662aa9;color:#fff;border-radius:7px;box-shadow:0 7px 18px rgba(61,22,104,.22)}.btn-blue{--bs-btn-bg:#087bea;--bs-btn-border-color:#087bea;color:#fff;border-radius:7px}.action-btn{background:#51217c;border:0;color:#fff}.text-muted-panel{color:var(--muted)!important}.alert{border:0}.alert-info{background:rgba(20,169,211,.13);color:#bfefff;border:1px solid rgba(68,202,239,.24)}
.card{background:rgba(39,18,50,.56);border:1px solid rgba(255,255,255,.08);color:#fff}.table{--bs-table-bg:transparent;--bs-table-color:#fff;--bs-table-border-color:rgba(255,255,255,.12)}.text-secondary{color:#aaa4ba!important}.list-group-item{background:rgba(39,18,50,.55);border-color:rgba(255,255,255,.1);color:#fff}.list-group-item:hover{background:rgba(82,35,109,.7);color:#fff}.modal-content{background:#261832;color:#fff;border-color:rgba(255,255,255,.1)}
.domain-search-wrap .input-group{box-shadow:0 12px 30px rgba(0,0,0,.12);border-radius:9px;overflow:hidden}.domain-search-wrap .form-control,.domain-search-wrap .input-group-text,.domain-search-wrap .btn{border-radius:0}.domain-prefix{font-size:18px}.field-card{background:rgba(13,8,27,.22);border:1px solid rgba(255,255,255,.075);border-radius:10px;padding:18px}.field-card-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;margin-bottom:16px;color:#f4eef8}.field-card-title i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(121,67,182,.28);color:#b98af3}.order-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(11,7,23,.22)}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,rgba(238,71,106,.35),transparent 40%),linear-gradient(135deg,#171331,#3c2052,#7b383a)}.login-card{width:min(430px,calc(100% - 32px));background:rgba(30,16,46,.83);border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 80px rgba(0,0,0,.25);border-radius:14px;padding:34px}
.mobile-toggle{display:none}

/* RTL */
[dir="rtl"] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}[dir="rtl"] .topbar{left:0;right:var(--sidebar-w)}[dir="rtl"] .main-content{margin-left:0;margin-right:var(--sidebar-w)}[dir="rtl"] .top-user{margin-left:0;margin-right:auto}[dir="rtl"] .side-link{border-left:0;border-right:3px solid transparent}[dir="rtl"] .side-link:hover,[dir="rtl"] .side-link.active{border-right-color:#a477ff}

@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:16px 0 45px rgba(0,0,0,.28)}.sidebar.show{transform:none}.topbar{left:0}.main-content{margin-left:0}.mobile-toggle{display:inline-flex}.top-search{display:none}.topbar{padding:0 14px}.top-user{gap:7px}.top-language span{display:none}.top-language{width:40px;justify-content:center;padding:0!important}.top-language-caret{display:none}
  [dir="rtl"] .sidebar{transform:translateX(100%)}[dir="rtl"] .sidebar.show{transform:none}[dir="rtl"] .topbar{right:0}[dir="rtl"] .main-content{margin-right:0}
}
@media(max-width:767px){.order-footer{align-items:stretch;flex-direction:column}.order-footer .btn{width:100%}.panel-body{padding:18px}.main-content{padding-left:14px;padding-right:14px}}