/* KARKOUR-NET LUXURY GOLD — visual redesign only; no data/logic changes */
:root{
  --lux-bg:#070807;--lux-bg2:#0d0f0e;--lux-panel:#111310;--lux-panel2:#171914;
  --lux-border:#4d4327;--lux-border-soft:#2d2a20;--lux-gold:#d6ad52;--lux-gold2:#f0d58a;
  --lux-gold-dim:#9d7c31;--lux-text:#f5f0e4;--lux-muted:#a79f8b;--lux-green:#48c78e;--lux-red:#e36b73;
}
html,body{background:radial-gradient(circle at 78% -10%,rgba(214,173,82,.13),transparent 34%),radial-gradient(circle at 10% 30%,rgba(214,173,82,.045),transparent 28%),var(--lux-bg)!important;color:var(--lux-text)!important}
body{font-family:Tahoma,Arial,sans-serif;letter-spacing:.05px}
body:before{background:linear-gradient(180deg,rgba(240,213,138,.025),transparent 24%)!important}
/* sidebar */
.sidebar{background:linear-gradient(180deg,#0c0e0c,#080908)!important;border-left:1px solid var(--lux-border)!important;box-shadow:-18px 0 50px rgba(0,0,0,.45)!important}
.brand{border-bottom-color:var(--lux-border)!important}
.brand b{color:var(--lux-gold2)!important;letter-spacing:.8px;text-shadow:0 0 18px rgba(214,173,82,.16)}
.brand small,.profile span,.muted,.card .sub{color:var(--lux-muted)!important}
.profile{background:linear-gradient(145deg,#151711,#0f110e)!important;border-color:var(--lux-border)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px #0005!important}
.profile strong{color:var(--lux-text)!important}
.nav button{color:#bcb5a5!important;border:1px solid transparent!important}
.nav button:hover,.nav button.active{background:linear-gradient(90deg,rgba(214,173,82,.15),rgba(214,173,82,.04))!important;color:var(--lux-gold2)!important;border-color:rgba(214,173,82,.30)!important;box-shadow:inset 3px 0 var(--lux-gold)!important;transform:none!important}
.nav-group-title{color:#e0d7c4!important;border-top-color:var(--lux-border-soft)!important}
.nav .support{background:#102219!important;color:#69d8a5!important;border-color:#315e45!important}
/* main/topbar */
.main{background:transparent!important}
.topbar{background:rgba(7,8,7,.90)!important;border-bottom:1px solid var(--lux-border)!important;box-shadow:0 8px 28px rgba(0,0,0,.16)!important}
.topbar h1{color:var(--lux-text)!important;font-weight:900}
.topbar small{color:var(--lux-muted)!important}
.iconbtn,.primary{border:1px solid var(--lux-border)!important;border-radius:11px!important}
.iconbtn{background:#141610!important;color:#d8cfae!important}
.primary{background:linear-gradient(135deg,#a98331,#d6ad52)!important;color:#17130a!important;box-shadow:0 7px 20px rgba(214,173,82,.18)!important}
.primary:hover{filter:brightness(1.07)}
/* dashboard cards */
.dashboard{padding-top:26px}
.cards{gap:14px}
.card{background:linear-gradient(145deg,#151713,#0e100d)!important;border:1px solid var(--lux-border)!important;border-radius:15px!important;box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important;overflow:hidden}
.card:before{height:2px!important;background:linear-gradient(90deg,#8d6a24,#f0d58a,#8d6a24)!important}
.card.green:before,.card.yellow:before,.card.red:before,.card.cyan:before,.card.purple:before{background:linear-gradient(90deg,#8d6a24,#f0d58a,#8d6a24)!important}
.card:hover{transform:translateY(-2px);border-color:#735f31!important;box-shadow:0 20px 44px rgba(0,0,0,.40),0 0 0 1px rgba(214,173,82,.07)!important}
.card .label{color:#b5ad99!important}
.card .value{color:var(--lux-gold2)!important;text-shadow:0 0 20px rgba(214,173,82,.10)!important}
.green .value,.yellow .value,.red .value,.cyan .value,.purple .value{color:var(--lux-gold2)!important}
/* panels */
.section,.notification-panel,.panel-card{background:linear-gradient(145deg,#131510,#0d0f0c)!important;border:1px solid var(--lux-border)!important;border-radius:15px!important;box-shadow:0 16px 40px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.022)!important}
.section-head h2,.panel-card h3{color:var(--lux-text)!important}
.search,input,select,textarea,.darkinput{background:#0b0d0b!important;border:1px solid #403923!important;color:#f4efe2!important}
.search:focus,input:focus,select:focus,textarea:focus{border-color:var(--lux-gold)!important;box-shadow:0 0 0 3px rgba(214,173,82,.10)!important}
.filter,.sm{background:#171914!important;color:#c7bfae!important;border:1px solid #3b3525!important}
.filter.active{background:rgba(214,173,82,.13)!important;color:var(--lux-gold2)!important;border-color:#725c2c!important}
/* tables */
table{border-color:var(--lux-border)!important;background:#0f110e!important}
th{background:#151711!important;color:#a99f89!important}
td{color:#e8e0cf!important;border-bottom-color:#2a281f!important}
tbody tr:hover td{background:rgba(214,173,82,.045)!important}
.badge{border-color:#5a4a28!important}.owe{background:#32181a!important;color:#f28b91!important}.paid{background:#102a1f!important;color:#66d7a1!important}
/* buttons across modules */
.btn-green,.btn-cyan,.btn-yellow,.btn-red,.btn-blue{border:1px solid #5a4a29!important;box-shadow:none!important}
.btn-green{background:#143023!important;color:#75d8a8!important}.btn-cyan{background:#162b2d!important;color:#8edce1!important}.btn-yellow{background:#3a2d10!important;color:#f2ce72!important}.btn-red{background:#35191d!important;color:#f08b91!important}.btn-blue{background:#1d2119!important;color:#dfc77f!important}
.cancel{background:#181a16!important;color:#c6bead!important;border:1px solid #403923!important}
/* modal */
.modal{background:linear-gradient(145deg,#171914,#0d0f0c)!important;border-color:var(--lux-border)!important;box-shadow:0 25px 80px #000d!important}
.modal h2{color:var(--lux-gold2)!important}
.overlay{background:rgba(0,0,0,.78)!important}
/* notification / lists */
.notify-box,.package-item,.provider-item,.template-item,.stock-item,.placeholder-box{background:#0d0f0c!important;border-color:#3a3527!important}
.notify-item,.switchline{border-bottom-color:#29271f!important}
.notify-count{color:var(--lux-gold2)!important}
.wa{background:#145d3e!important;border:1px solid #2d825f!important}
/* links, headings and decorative accents */
a{color:#dfc77f}
.section-title,.menu-title{color:var(--lux-gold2)!important}
.small,.mini{color:#9f9887!important}
/* toggle */
.theme-toggle{background:#151711!important;color:var(--lux-gold2)!important;border-color:#5b4b2b!important}
body.theme-dark .theme-toggle{background:#151711!important;color:var(--lux-gold2)!important;border-color:#5b4b2b!important}
/* standalone pages */
.standalone-main{background:transparent!important}
.standalone-app .main{background:transparent!important}
/* keep mobile clean */
@media(max-width:780px){
 .sidebar{background:#090a09!important}
 .topbar{background:rgba(7,8,7,.96)!important}
 .card,.section,.notification-panel,.panel-card{border-radius:13px!important}
 .card .value{font-size:25px}
}
/* luxury scrollbar */
*{scrollbar-color:#66542b #0b0d0b;scrollbar-width:thin}

/* ===== KARKOUR NET — LUXURY GOLD STRUCTURAL REDESIGN ===== */
:root{--lg-bg:#070706;--lg-panel:#10100d;--lg-panel2:#151510;--lg-gold:#d5aa45;--lg-gold2:#f1d58a;--lg-line:#4b3b1b;--lg-text:#f4efe2;--lg-muted:#aaa18d}
*{box-sizing:border-box}
html,body{background:#070706!important;color:var(--lg-text)!important}
body.luxury-layout{min-height:100vh;background:radial-gradient(900px 500px at 80% -10%,rgba(213,170,69,.10),transparent 65%),#070706!important}
body.luxury-layout #karkourBackgroundLayer,body.luxury-layout.karkour-bg-active #karkourBackgroundLayer{display:none!important}
body.luxury-layout .app{padding-right:270px!important;background:transparent!important}
.lux-sidebar{position:fixed;z-index:9999;top:0;right:0;width:250px;height:100vh;padding:22px 15px 16px;background:linear-gradient(180deg,#12120f,#080807 75%);border-left:1px solid #5a461d;box-shadow:-18px 0 55px rgba(0,0,0,.45);display:flex;flex-direction:column;direction:rtl}
.lux-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px;border-bottom:1px solid #322817}.lux-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:1000;font-size:24px;color:#111;background:linear-gradient(145deg,#f2d98d,#a87920);box-shadow:0 0 28px rgba(213,170,69,.18)}.lux-brand strong{display:block;font-size:15px;letter-spacing:1px;color:#f2d58a}.lux-brand small{display:block;margin-top:4px;font-size:10px;color:#918a78}.lux-nav-title{font-size:10px;color:#746b59;margin:20px 9px 8px;font-weight:900}.lux-sidebar nav{display:grid;gap:5px;overflow:auto;padding-left:2px}.lux-sidebar nav a{display:flex;align-items:center;gap:11px;height:43px;padding:0 12px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:#aaa291;font-size:12px;font-weight:800;transition:.18s}.lux-sidebar nav a i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#191812;color:#bfa15f;font-size:14px}.lux-sidebar nav a:hover{color:#f0d58a;background:#17150f;border-color:#4b3b1b}.lux-sidebar nav a.active{color:#f3d98d;background:linear-gradient(90deg,rgba(213,170,69,.18),rgba(213,170,69,.035));border-color:#6b5326;box-shadow:inset -3px 0 #d5aa45}.lux-sidebar nav a.active i{background:#d5aa45;color:#17120a}.lux-side-bottom{margin-top:auto}.lux-status{padding:10px;border:1px solid #2f2b20;border-radius:10px;font-size:9px;color:#827967;background:#0d0d0b;margin-bottom:8px}.lux-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53c98c;margin-left:5px;box-shadow:0 0 8px #53c98c}.lux-theme{width:100%;border:1px solid #4b3b1b;background:#15130e;color:#d9c99f;border-radius:10px;padding:10px;cursor:pointer;font-weight:800}
.lux-topbar{position:sticky!important;top:0!important;z-index:100!important;background:rgba(7,7,6,.93)!important;border-bottom:1px solid #3d311b!important;backdrop-filter:blur(14px)!important;padding:15px 22px!important}.lux-topbar h1{color:#f2d58a!important;font-size:20px!important}.lux-topbar .iconbtn{background:#15140f!important;color:#d8c89d!important;border-color:#4b3b1b!important}.lux-topbar .account-pill{background:#12120f!important;border-color:#4b3b1b!important;color:#d9cfba!important}
body.luxury-layout .dashboard{max-width:1450px;margin:0 auto;padding:25px 8px 50px!important}
body.luxury-layout .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px!important}
body.luxury-layout .card{min-height:125px!important;background:linear-gradient(145deg,#151511,#0c0c0a)!important;border:1px solid #4b3b1b!important;border-radius:15px!important;box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)!important;position:relative;overflow:hidden}
body.luxury-layout .card:before{content:""!important;position:absolute!important;display:block!important;left:0!important;right:0!important;top:0!important;height:2px!important;background:linear-gradient(90deg,#8a651f,#f2d58a,#8a651f)!important}.card .label{color:#a99f8b!important}.card .value{color:#f1d58a!important}.card .sub{color:#77705f!important}
body.luxury-layout .home-hero{background:linear-gradient(120deg,#17150f,#0b0b09 70%)!important;border:1px solid #57441f!important;box-shadow:0 22px 55px rgba(0,0,0,.36)!important;border-radius:18px!important}.home-hero h2{color:#f4e4b5}.home-hero p{color:#98907e}.home-date{color:#cda74d!important}.home-action{background:#13120e!important;border-color:#4b3b1b!important;color:#d8c89e!important}.home-action.primary{background:linear-gradient(135deg,#a87922,#e0bc61)!important;color:#17130a!important;border-color:#c79a3e!important}.home-action.green{background:#132219!important;border-color:#31583f!important;color:#75dca5!important}
body.luxury-layout .home-panel{background:linear-gradient(145deg,#12120f,#0b0b09)!important;border-color:#42361e!important}.quick-item{background:#11110e!important;border-color:#302817!important;color:#d6ccb4!important}.quick-item:hover{background:#17150f!important;border-color:#695126!important}.quick-icon{background:#1b1810!important;color:#d8b75d}
body.luxury-layout .home-section-title h3,body.luxury-layout .home-panel-head b{color:#ead7a4!important}.home-link{color:#caa44c!important}
body.luxury-layout .section,body.luxury-layout .panel-card,body.luxury-layout .notification-panel,body.luxury-layout .page-head{background:linear-gradient(145deg,#13130f,#0c0c0a)!important;border-color:#40351f!important;color:#eee7d7!important}
body.luxury-layout input,body.luxury-layout select,body.luxury-layout textarea{background:#0c0c0a!important;color:#eee8d9!important;border-color:#40351f!important}.btn,.primary{background:linear-gradient(135deg,#a87922,#dfbd68)!important;color:#17130a!important;border-color:#c49a45!important}.btn.secondary{background:#15140f!important;color:#d7c99f!important;border-color:#4b3b1b!important}
@media(max-width:900px){body.luxury-layout .app{padding-right:0!important}.lux-sidebar{width:235px;transform:translateX(100%);transition:.25s}.lux-sidebar.lux-open{transform:translateX(0)}body.luxury-layout .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.luxury-layout .dashboard{padding:15px 4px 30px!important}body.luxury-layout .cards{grid-template-columns:1fr 1fr;gap:9px!important}.lux-topbar{padding:11px 10px!important}.lux-topbar h1{font-size:16px!important}}
