/* Rayy Enterprise — Final Live UI Polish */

/* ==============================
   STOREFRONT CATEGORY ICONS
   Replace legacy emoji with refined line-art icons.
   ============================== */
.category-grid .category-card{position:relative;isolation:isolate;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;background:linear-gradient(145deg,var(--surface),var(--surface2));}
.category-grid .category-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(214,40,40,.12),transparent 45%,rgba(199,163,58,.08));opacity:0;transition:opacity .28s ease;pointer-events:none;}
.category-grid .category-card:hover::before{opacity:1;}
.category-grid .category-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 18px 38px rgba(16,24,40,.12);}
.category-grid .category-icon{font-size:0!important;width:62px;height:62px;margin:0 0 14px;border-radius:20px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#fff,#f2f4f8);border:1px solid rgba(16,24,40,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 24px rgba(16,24,40,.08);}
.category-grid .category-icon::before{content:"";width:31px;height:31px;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 3px 5px rgba(16,24,40,.10));}
.category-grid .category-card:nth-child(1) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d62828' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 5 4-2 4 3 4-3 4 2-2 6v10H6V11L4 5Z'/%3E%3Cpath d='M8 8h8'/%3E%3C/svg%3E");}
.category-grid .category-card:nth-child(2) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c026d3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1.8 2.2 2.7 4.2 2.7 6a2.7 2.7 0 0 1-5.4 0c0-1.8.9-3.8 2.7-6Z'/%3E%3Cpath d='M6 13.5c0 4.1 2.7 7 6 7s6-2.9 6-7'/%3E%3Cpath d='M9 15.5c.7 1.4 1.7 2 3 2s2.3-.6 3-2'/%3E%3C/svg%3E");}
.category-grid .category-card:nth-child(3) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230757c9' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M10 18.5h4'/%3E%3C/svg%3E");}
.category-grid .category-card:nth-child(4) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008987' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E");}
.category-grid .category-card:nth-child(5) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23128a4a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5'/%3E%3Cpath d='M4 17v-5h5'/%3E%3Cpath d='M6.5 9A7 7 0 0 1 18 7l2 2'/%3E%3Cpath d='M17.5 15A7 7 0 0 1 6 17l-2-2'/%3E%3C/svg%3E");}
.category-grid .category-card:nth-child(6) .category-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a0dad' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 3 3 3-2 2 4 4 2-2 3 3-2 2 3 3-2 2-3-3-2 2-4-4 2-2-3-3 2-2-3-3Z'/%3E%3C/svg%3E");}
[data-theme="dark"] .category-grid .category-icon{background:linear-gradient(145deg,#252525,#1b1b1b);border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.3);}

/* More premium buttons / controls */
.btn,.nav-icon-btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;}
.btn-primary{box-shadow:0 8px 22px var(--glow);}
.btn-primary:hover{box-shadow:0 12px 28px var(--glow);}

/* ==============================
   ADMIN DASHBOARD — PROFESSIONAL LAYER
   ============================== */
.admin-dashboard{background:#f4f7fb!important;}
.admin-sidebar{background:linear-gradient(180deg,#081b3d 0%,#062b64 58%,#071a3e 100%)!important;box-shadow:10px 0 35px rgba(7,32,72,.12)!important;}
.sidebar-brand{background:rgba(255,255,255,.025);backdrop-filter:blur(14px);}
.nav-item{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;}
.nav-item:hover{transform:translateX(3px);background:rgba(255,255,255,.07)!important;}
.nav-item.active{background:linear-gradient(135deg,#0757c9,#0a3e9d)!important;box-shadow:0 9px 24px rgba(7,87,201,.28)!important;}
.admin-main{background:linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%)!important;}
.admin-topbar{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px);border-bottom:1px solid #e7ebf2!important;}
.stat-card,.dash-card,.content-card,.table-card,.panel-card{background:rgba(255,255,255,.94)!important;border:1px solid #e4e9f1!important;box-shadow:0 10px 30px rgba(16,24,40,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;}
.stat-card:hover,.dash-card:hover,.content-card:hover,.table-card:hover,.panel-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,24,40,.09)!important;border-color:#d7e1ef!important;}
.stat-card .stat-icon{border-radius:14px!important;box-shadow:0 8px 18px rgba(16,24,40,.08)!important;}
.admin-content-area{scrollbar-width:thin;}
.admin-content-area table{border-radius:14px;overflow:hidden;}
.admin-content-area th{background:#f5f8fc!important;color:#344054!important;font-weight:700!important;}
.admin-content-area td{background:#fff;border-color:#edf0f5!important;}
.admin-content-area tr:hover td{background:#fafcff!important;}

/* Admin login */
.login-screen{background:radial-gradient(circle at 50% 0%,rgba(7,87,201,.14),transparent 42%),linear-gradient(180deg,#f8fafc,#f1f5f9)!important;}
.login-card{border:1px solid #e4e9f1!important;box-shadow:0 24px 70px rgba(16,24,40,.12)!important;}
.login-logo-wrap{background:linear-gradient(145deg,#0757c9,#06358f)!important;box-shadow:0 14px 34px rgba(7,87,201,.26)!important;}
.google-btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;}
.google-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.09)!important;}

@media(max-width:768px){
  .category-grid .category-icon{width:56px;height:56px;border-radius:18px;}
  .category-grid .category-icon::before{width:28px;height:28px;}
  .category-grid .category-card{min-height:146px;}
  .admin-sidebar{box-shadow:12px 0 38px rgba(7,32,72,.2)!important;}
}