/* Approved Ghaseel Care identity - charcoal, warm gold and ivory */
:root{
  --ink:#171713;
  --navy:#10100c;
  --cyan:#c89420;
  --cyan2:#e7bd58;
  --sky:#f8f0dd;
  --mist:#f7f4ed;
  --white:#fff;
  --muted:#6e685c;
  --line:rgba(23,23,19,.13);
  --glass:rgba(255,252,245,.58);
  --glass-strong:rgba(255,252,245,.78);
  --glass-dark:rgba(16,16,12,.78);
  --glass-line:rgba(255,255,255,.72);
  --shadow:0 25px 65px rgba(28,24,14,.14);
  --glass-shadow:0 28px 76px rgba(36,29,10,.12),inset 0 1px 0 rgba(255,255,255,.94);
}
body{background:linear-gradient(145deg,#f4efe4 0%,#fffdf8 38%,#eee7d9 72%,#faf4e6 100%);color:var(--ink)}
.glass-orb-a{background:radial-gradient(circle at 35% 35%,rgba(211,155,29,.28),rgba(200,148,32,.05) 65%,transparent 70%)}
.glass-orb-b{background:radial-gradient(circle at 60% 50%,rgba(41,38,28,.13),rgba(16,16,12,.025) 68%,transparent 72%)}
.glass-orb-c{background:radial-gradient(circle,rgba(225,184,83,.2),transparent 68%)}
.cursor-glow{background:radial-gradient(circle,rgba(255,255,255,.6),rgba(200,148,32,.09) 40%,transparent 70%)}
.announcement{background:linear-gradient(90deg,#0d0d0a,#211c10,#0d0d0a);color:#f5deb0;border-bottom-color:rgba(211,155,29,.28)}
.site-header{background:rgba(255,252,245,.7);border-color:rgba(255,255,255,.84);box-shadow:0 16px 50px rgba(38,30,11,.09),inset 0 -1px 0 rgba(255,255,255,.68)}
.site-header.scrolled{background:rgba(255,252,247,.88);box-shadow:0 18px 55px rgba(38,30,11,.13)}
.brand-logo{width:172px!important;height:76px!important;filter:drop-shadow(0 7px 17px rgba(24,20,11,.12))!important}
.admin-brand-logo{width:82px;height:54px;padding:3px;background:#f8f1df;border:1px solid rgba(200,148,32,.16);object-fit:contain}
.footer-logo{width:185px!important;height:105px!important;filter:none!important}
.main-nav{background:rgba(255,252,245,.48);border-color:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff,0 8px 25px rgba(38,30,11,.06)}
.main-nav a{color:#585247}.main-nav a.active,.main-nav a:hover{background:#11110e;color:#fff}.main-nav a.active:after{background:var(--cyan)}
.primary-btn{background:linear-gradient(135deg,#28251d,#0f0f0c);border-color:rgba(211,155,29,.18);box-shadow:0 16px 34px rgba(20,18,12,.22)}
.primary-btn:hover{background:#252015;box-shadow:0 20px 42px rgba(30,25,12,.27)}
.ghost-btn,.text-btn{background:rgba(255,252,245,.58);border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(38,30,11,.06)}
.ghost-btn:hover,.text-btn:hover{border-color:rgba(200,148,32,.5)}
.cart-button span{background:var(--cyan);color:#15130c}
.hero{background:radial-gradient(circle at 82% 10%,rgba(211,155,29,.17),transparent 28%),radial-gradient(circle at 20% 75%,rgba(46,42,31,.1),transparent 32%),linear-gradient(150deg,rgba(255,253,248,.94),rgba(243,235,217,.7))}
.hero-copy>p{color:#554f45}.eyebrow,.page-head>span,.page-head div>span,.process-copy>span,.about-hero span,.section-heading>div>span,.dashboard-head>div>span{color:#9b7018}
.eyebrow{background:rgba(255,252,245,.54);border-color:rgba(211,155,29,.2)}.eyebrow span{background:var(--cyan);box-shadow:0 0 0 6px rgba(200,148,32,.12)}
.hero h1 em{background:linear-gradient(120deg,#75500b,#c58d19,#8b6210);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}.hero h1 em:after{background:#e8bd56}
.hero-media:before{background:linear-gradient(var(--angle),rgba(255,255,255,.72),transparent 35%,rgba(211,155,29,.82),transparent 75%)}
.media-label{background:rgba(16,16,12,.7);border-color:rgba(211,155,29,.28)}.media-label i{background:#d9ad45;box-shadow:0 0 12px #d9ad45}
.floating-card{background:rgba(255,252,245,.72);box-shadow:0 26px 65px rgba(32,26,12,.18),inset 0 1px 0 #fff}
.floating-badge{background:rgba(211,155,29,.86);color:#12110d;border-color:rgba(255,255,255,.62);box-shadow:0 20px 50px rgba(172,121,12,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.quick-book{background:rgba(255,252,245,.66);box-shadow:0 34px 90px rgba(38,30,11,.14),inset 0 1px 0 #fff}
.brand-marquee{background:linear-gradient(90deg,#0d0d0a,#282112,#0d0d0a);border-color:rgba(211,155,29,.22);box-shadow:0 16px 60px rgba(23,20,12,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.brand-marquee i{color:#d5a12c}
.service-card,.product-card,.panel,.booking-form,.admin-panel,.values-grid article,.stats-grid article,.admin-stats article,.brand-story{background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(246,239,225,.47));border-color:rgba(255,255,255,.92)}
.service-card:nth-child(2){background:linear-gradient(145deg,rgba(38,34,25,.96),rgba(15,15,12,.94));border-color:rgba(211,155,29,.27);box-shadow:0 34px 90px rgba(23,20,12,.24),inset 0 1px 0 rgba(255,255,255,.11)}
.service-icon{background:rgba(249,235,202,.7);border-color:rgba(255,255,255,.9);color:#9b7018;box-shadow:inset 0 1px 0 #fff,0 16px 36px rgba(166,119,16,.1)}
.service-card button,.product-bottom button{background:var(--cyan);color:#15130c}
.process-section{background:radial-gradient(circle at 14% 8%,rgba(211,155,29,.2),transparent 32%),linear-gradient(145deg,#11110e,#282214);border-block-color:rgba(211,155,29,.18)}
.process-steps>div:hover{background:linear-gradient(145deg,rgba(211,155,29,.16),rgba(255,255,255,.035));border-color:rgba(211,155,29,.32)}
.process-steps i{color:#d6a22f}
.page:not(#home):not(#admin):before{background:rgba(255,252,245,.27);border-color:rgba(255,255,255,.72)}
.booking-summary,.points-card{background:linear-gradient(145deg,rgba(41,36,25,.97),rgba(14,14,11,.95))!important;border-color:rgba(211,155,29,.25)}
input,select,textarea{background:rgba(255,252,245,.65);border-color:rgba(255,255,255,.92);color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:#c89420;box-shadow:0 0 0 3px rgba(200,148,32,.12)}
.service-select,.slot,.filter-row button{background:rgba(255,252,245,.62);border-color:rgba(255,255,255,.92)}
.service-select.active,.slot.selected,.filter-row button.active{color:#fff;background:linear-gradient(145deg,#29251b,#11110d);border-color:rgba(218,167,52,.76);box-shadow:0 14px 35px rgba(27,23,13,.2),inset 0 1px 0 rgba(255,255,255,.13)}
.service-select.active small{color:#e7d3a5}
.product-image{background:linear-gradient(145deg,rgba(249,239,215,.72),rgba(225,204,158,.4))}.product-image.service{background:linear-gradient(145deg,#332b19,#11110d);color:#dda932}
.about-hero{background:radial-gradient(circle at 85% 10%,rgba(211,155,29,.2),transparent 32%),#11110e;border-color:rgba(211,155,29,.23)}
.brand-story{background:linear-gradient(145deg,rgba(255,253,248,.72),rgba(245,235,213,.5))}.brand-story span,.link-btn{color:#9b7018}
.reward-ticket{background:rgba(247,230,190,.55)}
.admin-bar,.admin-sidebar,.dashboard-card,.admin-panel:not(#admin-overview){background:linear-gradient(145deg,rgba(255,253,248,.8),rgba(245,237,220,.5));box-shadow:0 24px 68px rgba(36,29,10,.1),inset 0 1px 0 #fff}
.profile-switch{background:rgba(255,252,245,.7)}.role-pill{background:#f5e6bf;color:#805b12}
.admin-avatar{background:linear-gradient(145deg,#30291a,#11110e);color:#dfad3c;box-shadow:0 10px 25px rgba(28,24,14,.18)}
.admin-tabs button span{background:rgba(200,148,32,.09);color:#a47415}.admin-tabs button.active{background:linear-gradient(145deg,#312a1a,#11110e);color:#fff;box-shadow:0 13px 28px rgba(28,23,12,.2)}.admin-tabs button.active span{background:rgba(211,155,29,.16);color:#e0ae3f}
.admin-security-note{background:rgba(247,230,188,.42);border-color:rgba(200,148,32,.18)}
.admin-dashboard-head span,.panel-kicker{color:#9b7018}
.admin-stats article{background:linear-gradient(145deg,rgba(255,253,248,.8),rgba(245,237,220,.5));box-shadow:0 18px 50px rgba(36,29,10,.08),inset 0 1px 0 #fff}.admin-stats article:after{background:rgba(200,148,32,.09)}
.admin-stats article.accent{background:linear-gradient(145deg,#342c1b,#11110d);border-color:rgba(211,155,29,.25);box-shadow:0 22px 55px rgba(25,21,12,.22),inset 0 1px 0 rgba(255,255,255,.1)}.admin-stats .accent strong{color:#e0ad39}.admin-stats .accent span,.admin-stats .accent small{color:#d7c49d}
.chart-column i{background:linear-gradient(180deg,#e0ad3d,#9b6c10);box-shadow:0 8px 20px rgba(171,121,14,.2)}
.activity-icon,.customer-avatar{background:#f4e6c4;color:#906715}.split-bar i,.payment-row>i:after{background:linear-gradient(90deg,#9b6c10,#e1b044)}
.attention-card{background:linear-gradient(145deg,#352d1c,#11110d);border-color:rgba(211,155,29,.22)}.attention-card strong{color:#e0ae3e}
.coupon-card{background:linear-gradient(145deg,rgba(255,253,248,.82),rgba(244,233,207,.5))}.coupon-card:before,.coupon-card:after{background:#eee5d5}.coupon-value{color:#9b7018}
.employee-card,.customer-card{background:rgba(255,252,245,.64)}
.owner-dot{background:#b17d16}.finance-dot{background:#6f5b2c}.ops-dot{background:#d4a02d}.store-dot{background:#7d755f}
.admin-tabs button:hover,.admin-panel tbody tr:hover{background:rgba(246,231,196,.38)}
.modal,.cart-drawer{background:rgba(255,252,245,.91)}.toast{background:rgba(17,17,14,.9)}
footer{background:linear-gradient(145deg,#0e0e0b,#292315);border-top-color:rgba(211,155,29,.24)}
footer .brand{background:rgba(255,250,237,.96);border-color:rgba(211,155,29,.3);box-shadow:0 16px 42px rgba(13,12,8,.26),inset 0 1px 0 #fff}
footer p{color:#d5c6a6}footer a:hover{color:#e0ad3d}footer>small{color:#a99b7d;border-top-color:rgba(211,155,29,.2)}
@media(max-width:760px){.brand-logo{width:132px!important;height:62px!important}.footer-logo{width:165px!important;height:94px!important}.hero{background:radial-gradient(circle at 90% 5%,rgba(211,155,29,.17),transparent 30%),linear-gradient(160deg,rgba(255,253,248,.95),rgba(241,232,212,.75))}}