@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:'Cairo',sans-serif;background:#e8edf5;}
a{text-decoration:none;color:inherit;}
img{display:block;}

/* App shell — responsive (was fixed 390px phone-frame) */
.app-shell{
  width:100%;max-width:480px;margin:0 auto;
  background:#EEF2FF;min-height:100vh;position:relative;
  display:flex;flex-direction:column;
  box-shadow:0 4px 30px rgba(37,99,235,0.08);
}
@media (min-width:481px){
  .app-shell{min-height:100vh;}
}
.scroll-area{flex:1;padding-bottom:84px;position:relative;z-index:1;}

/* Top header */
.top-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;background:#EEF2FF;}
.header-right{display:flex;align-items:center;gap:8px;}
.app-name-sm{color:#0F2D6B;font-size:18px;font-weight:900;}
.header-left{display:flex;gap:8px;}
.icon-btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1.5px solid #E0E7FF;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.05);position:relative;}
.icon-btn svg{fill:#2563EB;}
.notif-badge{position:absolute;top:-3px;left:-2px;width:14px;height:14px;background:#DC2626;border-radius:50%;border:2px solid #EEF2FF;display:flex;align-items:center;justify-content:center;font-size:7px;color:#fff;font-weight:900;}

/* Slideshow */
.slideshow{margin:0 14px 18px;border-radius:20px;overflow:hidden;position:relative;height:200px;box-shadow:0 4px 20px rgba(37,99,235,0.2);}
.slides-wrapper{display:flex;height:200px;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.slide{min-width:100%;height:200px;position:relative;overflow:hidden;flex-shrink:0;}
.slide-img{width:100%;height:100%;object-fit:cover;display:block;}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(15,45,107,0.82) 0%,rgba(15,45,107,0.3) 55%,transparent 100%);}
.slide-content{position:absolute;bottom:0;right:0;padding:16px 18px 14px;text-align:right;}
.slide-title{color:#fff;font-size:17px;font-weight:900;line-height:1.35;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,0.3);}
.slide-btn{display:inline-block;background:rgba(255,255,255,0.22);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.4);border-radius:10px;padding:6px 16px;color:#fff;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;}
.slide-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3;}
.sdot{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,0.4);transition:all 0.3s;cursor:pointer;}
.sdot.active{width:18px;background:#fff;}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.25);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;}
.slide-arrow svg{fill:#fff;}
.slide-arrow.prev{right:10px;}
.slide-arrow.next{left:10px;}

/* Search */
.search-wrap{padding:0 14px;margin-bottom:16px;}
.search-inner{position:relative;display:flex;align-items:center;}
.search-icon{position:absolute;right:14px;}
.search-icon svg{fill:#94A3B8;}
.search-input{width:100%;height:44px;background:#fff;border:1.5px solid #E0E7FF;border-radius:12px;color:#0F2D6B;font-family:'Cairo',sans-serif;font-size:14px;padding:0 44px 0 16px;text-align:right;outline:none;box-shadow:0 1px 4px rgba(0,0,0,0.04);}
.search-input::placeholder{color:#CBD5E1;}
.search-input:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,0.08);}

/* Section header */
.section-header,.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px;}
.section-title{color:#0F2D6B;font-size:15px;font-weight:800;}
.section-link,.section-more{color:#2563EB;font-size:12px;font-weight:700;cursor:pointer;}

/* Category grid */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px;}
.cat-card{background:#fff;border:1.5px solid #E0E7FF;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,0.06);transition:box-shadow 0.2s,transform 0.15s;display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;text-decoration:none;}
.cat-card:hover{box-shadow:0 4px 16px rgba(37,99,235,0.14);transform:translateY(-1px);}
.cat-img-wrap{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.cat-img{width:100%;height:100%;object-fit:contain;display:block;}
.cat-img-overlay{display:none;}
.cat-name{color:#0F2D6B;font-size:11px;font-weight:700;text-align:center;padding:0;line-height:1.3;}

/* View all button / primary button */
.view-all-wrap{padding:16px 14px 0;}
.btn-view-all,.btn-primary{background:linear-gradient(135deg,#2563EB,#1D4ED8);border:none;border-radius:12px;padding:13px 0;color:#fff;font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;cursor:pointer;width:100%;text-align:center;box-shadow:0 4px 14px rgba(37,99,235,0.3);display:block;}

/* Sidebar */
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,45,107,0.35);z-index:50;}
.sidebar{position:absolute;top:0;right:0;width:265px;height:100%;background:#fff;border-left:1px solid #E0E7FF;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(37,99,235,0.12);}
.sb-header{padding:24px 18px 18px;border-bottom:1px solid #E0E7FF;}
.sb-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sb-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2563EB,#1D4ED8);display:flex;align-items:center;justify-content:center;}
.sb-menu{flex:1;overflow-y:auto;padding:8px 0;}
.sb-item{display:flex;align-items:center;gap:12px;padding:13px 18px;cursor:pointer;}
.sb-item:hover{background:#F8FAFF;}
.sb-item.active{background:#EFF6FF;border-right:3px solid #2563EB;}
.sb-item svg{fill:#64748B;width:18px;height:18px;}
.sb-item.active svg{fill:#2563EB;}
.sb-item span{color:#475569;font-size:13px;font-weight:600;}
.sb-item.active span{color:#2563EB;}
.sb-item.danger svg{fill:#DC2626;}
.sb-item.danger span{color:#DC2626;}
.sb-div{height:1px;background:#E0E7FF;margin:6px 14px;}

/* Bottom nav */
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:66px;background:#fff;border-top:1.5px solid #E0E7FF;display:flex;align-items:center;justify-content:space-around;z-index:40;padding-bottom:4px;box-shadow:0 -2px 12px rgba(37,99,235,0.06);}
.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;}
.nav-icon svg,.nav-item svg{fill:#94A3B8;}
.nav-label{color:#94A3B8;font-size:10px;font-weight:600;font-family:'Cairo',sans-serif;}
.nav-item.active .nav-icon svg,.nav-item.active svg{fill:#2563EB;}
.nav-item.active .nav-label{color:#2563EB;}
.nav-center-btn{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#2563EB,#1D4ED8);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,99,235,0.35);margin-bottom:8px;}

/* Listing — category hero */
.cat-hero{position:relative;height:115px;flex-shrink:0;overflow:hidden;}
.cat-hero-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.5);}
.cat-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,45,107,0.25),rgba(15,45,107,0.75));}
.cat-hero-content{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 16px 14px;}
.back-btn{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,0.25);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.35);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.back-btn svg{fill:#fff;}
.cat-hero-title{color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,0.3);}
.cat-hero-count{color:rgba(255,255,255,0.7);font-size:12px;}

/* Controls / sort / view toggle */
.controls{padding:12px 14px 0;background:#EEF2FF;}
.controls-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.view-btns{display:flex;gap:5px;flex-shrink:0;}
.view-btn{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;}
.view-btn.active{background:#2563EB;border:none;box-shadow:0 2px 8px rgba(37,99,235,0.3);}
.view-btn.inactive{background:#fff;border:1.5px solid #E0E7FF;}
.view-btn.active svg{fill:#fff;}
.view-btn.inactive svg{fill:#94A3B8;}
.sort-row{display:flex;gap:7px;overflow-x:auto;flex:1;}
.sort-row::-webkit-scrollbar{display:none;}
.sort-chip{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 12px;border-radius:20px;background:#fff;border:1.5px solid #E0E7FF;color:#475569;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.sort-chip.active{background:#2563EB;border-color:#2563EB;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,0.25);}
.sort-chip svg{fill:#94A3B8;}
.sort-chip.active svg{fill:#fff;}

/* Pro card — list style */
.pro-card{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #E0E7FF;border-radius:16px;padding:12px;margin-bottom:10px;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(37,99,235,0.06);transition:box-shadow 0.2s,transform 0.15s;}
.pro-card:hover{box-shadow:0 4px 16px rgba(37,99,235,0.12);transform:translateY(-1px);}
.pro-card.pinned{border-color:rgba(220,50,50,0.3);background:#FFF8F8;}
.pro-avatar{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0;border:2px solid #E0E7FF;}
.pro-info{flex:1;min-width:0;}
.pro-name{color:#0F2D6B;font-size:14px;font-weight:800;margin-bottom:3px;}
.pro-meta{display:flex;align-items:center;gap:6px;margin-bottom:5px;}
.pro-area{display:flex;align-items:center;gap:3px;color:#64748B;font-size:11px;}
.pro-area svg{fill:#94A3B8;}
.pro-dot{width:3px;height:3px;border-radius:50%;background:#CBD5E1;}
.pro-exp{color:#64748B;font-size:11px;}
.pro-rating{display:flex;align-items:center;gap:4px;}
.stars{color:#F59E0B;font-size:12px;}
.rating-num{color:#F59E0B;font-size:11px;font-weight:800;}
.rating-cnt{color:#94A3B8;font-size:10px;}
.pro-right{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0;}
.pin-badge{background:rgba(220,50,50,0.1);border:1px solid rgba(220,50,50,0.25);border-radius:6px;padding:2px 8px;color:#DC2626;font-size:10px;font-weight:700;}
.avail-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 5px rgba(34,197,94,0.4);}
.btn-view{background:linear-gradient(135deg,#2563EB,#1D4ED8);border:none;border-radius:9px;padding:7px 12px;color:#fff;font-family:'Cairo',sans-serif;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(37,99,235,0.25);}

/* Pro card — grid style */
.pro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.pro-gcard{background:#fff;border:1.5px solid #E0E7FF;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,0.06);}
.pro-gcard-img{width:100%;height:90px;object-fit:cover;}
.pro-gcard-body{padding:10px;}

/* Profile hero */
.hero-section{position:relative;width:100%;height:200px;flex-shrink:0;}
.hero-cover{width:100%;height:100%;object-fit:cover;display:block;}
.hero-grad{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,45,107,0.15) 0%,rgba(15,45,107,0.8) 100%);}
.topbar-float{position:absolute;top:14px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:5;}
.tb-btn{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.25);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.tb-btn svg{fill:#fff;}
.tb-title{color:#fff;font-size:16px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.tb-right{display:flex;gap:7px;}
.tb-btn.share,.tb-btn.burger{background:rgba(255,255,255,0.92);border-color:rgba(37,99,235,0.3);}
.tb-btn.share svg,.tb-btn.burger svg{fill:#1D4ED8;}
.profile-identity{position:absolute;bottom:0;left:0;right:0;padding:0 16px 14px;display:flex;align-items:flex-end;gap:14px;z-index:5;}
.avatar-wrap{position:relative;flex-shrink:0;}
.avatar-img{width:80px;height:80px;border-radius:16px;border:3px solid rgba(255,255,255,0.8);object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.2);}
.identity-info{flex:1;padding-bottom:2px;}
.pro-name-lg{color:#fff;font-size:19px;font-weight:900;margin-bottom:5px;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.identity-row{display:flex;align-items:center;gap:8px;}
.rating-pill{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.3);border-radius:7px;padding:3px 8px;}
.stars-sm{color:#FCD34D;font-size:11px;}
.rating-val{color:#FCD34D;font-size:11px;font-weight:800;}

/* Stats strip */
.stats-strip{display:flex;margin:12px 14px 12px;background:#fff;border:1.5px solid #E0E7FF;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(37,99,235,0.06);}
.stat-cell{flex:1;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid #E0E7FF;}
.stat-cell:last-child{border-left:none;}
.stat-cell svg{fill:#2563EB;}
.stat-val{color:#0F2D6B;font-size:12px;font-weight:800;}
.stat-label{color:#94A3B8;font-size:9px;}

/* Contact buttons */
.contact-row{display:flex;gap:8px;margin:0 14px 14px;}
.btn-contact{flex:1;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:none;}
.btn-call{background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,0.3);}
.btn-call svg{fill:#fff;}
.btn-wa{background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;box-shadow:0 4px 14px rgba(22,163,74,0.25);}
.btn-wa svg{fill:#fff;}

/* Sections */
.section-wrap{padding:0 14px;margin-bottom:14px;}
.bio-box{color:#475569;font-size:12px;line-height:1.75;background:#fff;border:1.5px solid #E0E7FF;border-radius:12px;padding:12px 14px;box-shadow:0 1px 4px rgba(0,0,0,0.03);}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.gal-item{aspect-ratio:1;border-radius:9px;overflow:hidden;cursor:pointer;border:1px solid #E0E7FF;}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(15,23,42,0.9);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.lightbox.active{display:flex;}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px;}

/* Reviews */
.review-card{background:#fff;border:1.5px solid #E0E7FF;border-radius:12px;padding:12px 13px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,0.03);}
.review-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.reviewer-name{color:#0F2D6B;font-size:12px;font-weight:700;}
.review-stars{color:#F59E0B;font-size:12px;}
.review-text{color:#475569;font-size:12px;line-height:1.5;}
.review-date{color:#94A3B8;font-size:10px;margin-top:4px;}
.btn-write-review{width:100%;height:46px;border-radius:12px;background:#EFF6FF;border:1.5px dashed #93C5FD;color:#2563EB;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;}
.btn-write-review svg{fill:#2563EB;}

/* Auth pages */
.auth-bg{background:linear-gradient(160deg,#1E40AF 0%,#2563EB 50%,#1D4ED8 100%);min-height:100vh;}
.top-logo{display:flex;flex-direction:column;align-items:center;padding:30px 0 22px;}
.logo-ring{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.app-title{color:#fff;font-size:22px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,0.2);}
.app-sub{color:rgba(255,255,255,0.75);font-size:13px;margin-top:2px;}
.form-card{background:#fff;border-radius:24px;padding:22px 20px 30px;box-shadow:0 8px 32px rgba(0,0,0,0.15);margin:0 16px 16px;}
.account-tabs{display:flex;background:#F1F5FF;border-radius:12px;padding:3px;gap:3px;margin-bottom:20px;}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:9px;color:#94A3B8;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;text-decoration:none;}
.tab.active{background:#2563EB;color:#fff;box-shadow:0 2px 10px rgba(37,99,235,0.3);}
.tab svg{fill:#94A3B8;}
.tab.active svg{fill:#fff;}
.field-label{color:#475569;font-size:12px;font-weight:700;margin-bottom:6px;display:block;}
.input-field,select.input-field,textarea.input-field{width:100%;height:50px;background:#F8FAFF;border:1.5px solid #E0E7FF;border-radius:12px;color:#0F2D6B;font-family:'Cairo',sans-serif;font-size:14px;padding:0 16px;text-align:right;outline:none;margin-bottom:14px;}
textarea.input-field{height:auto;padding:12px 16px;}
.input-field:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,0.1);}
.input-field::placeholder{color:#CBD5E1;}
.forgot{text-align:center;color:#2563EB;font-size:13px;cursor:pointer;margin-bottom:16px;font-weight:600;}
.register-link{text-align:center;margin-top:14px;}
.register-link p{color:#64748B;font-size:13px;display:inline;}
.register-link a{color:#2563EB;font-size:13px;font-weight:700;text-decoration:none;margin-right:4px;}
.skip-wrap{text-align:center;padding:4px 0 24px;}
.skip-link{color:rgba(255,255,255,0.65);font-size:13px;cursor:pointer;}
.skip-link span{color:#fff;font-weight:700;}
.error-text{color:#DC2626;font-size:12px;margin:-10px 0 10px;}
.alert-success{background:#ECFDF5;border:1.5px solid #A7F3D0;color:#047857;border-radius:12px;padding:10px 14px;font-size:13px;margin:0 14px 14px;}
.alert-error{background:#FEF2F2;border:1.5px solid #FECACA;color:#B91C1C;border-radius:12px;padding:10px 14px;font-size:13px;margin:0 14px 14px;}

/* Package cards */
.pkg-card{background:#fff;border:1.5px solid #E0E7FF;border-radius:16px;padding:16px;margin:0 14px 12px;box-shadow:0 2px 8px rgba(37,99,235,0.06);}
.pkg-card.featured{border-color:#2563EB;box-shadow:0 4px 16px rgba(37,99,235,0.18);}
.pkg-title{color:#0F2D6B;font-size:15px;font-weight:800;margin-bottom:4px;}
.pkg-price{color:#2563EB;font-size:22px;font-weight:900;margin-bottom:8px;}
.pkg-price span{font-size:12px;color:#94A3B8;font-weight:600;}
.pkg-feature{color:#475569;font-size:12px;margin-bottom:5px;display:flex;align-items:center;gap:6px;}
.pkg-feature svg{fill:#16A34A;flex-shrink:0;}

/* Account / list rows */
.acc-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid #E0E7FF;border-radius:14px;padding:14px;margin:0 14px 10px;cursor:pointer;}
.acc-row-left{display:flex;align-items:center;gap:12px;}
.acc-row svg{fill:#2563EB;}
.acc-row-title{color:#0F2D6B;font-size:13px;font-weight:700;}
.acc-header{display:flex;flex-direction:column;align-items:center;padding:20px 16px;text-align:center;}
.acc-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #E0E7FF;margin-bottom:10px;}
.acc-name{color:#0F2D6B;font-size:17px;font-weight:900;}
.acc-email{color:#94A3B8;font-size:12px;}

/* Notifications */
.notif-card{background:#fff;border:1.5px solid #E0E7FF;border-radius:14px;padding:13px;margin:0 14px 10px;display:flex;gap:12px;}
.notif-icon{width:40px;height:40px;border-radius:10px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.notif-icon svg{fill:#2563EB;}
.notif-title{color:#0F2D6B;font-size:13px;font-weight:700;margin-bottom:3px;}
.notif-body{color:#64748B;font-size:12px;line-height:1.5;}
.notif-date{color:#94A3B8;font-size:10px;margin-top:4px;}

/* Stars rating input */
.star-rate{display:flex;gap:8px;justify-content:center;margin-bottom:18px;}
.star-rate input{display:none;}
.star-rate label{font-size:32px;color:#E0E7FF;cursor:pointer;}
.star-rate input:checked ~ label,.star-rate label:hover,.star-rate label:hover ~ label{color:#F59E0B;}
.star-rate{direction:ltr;}

/* About page */
.about-section{padding:0 14px;margin-bottom:16px;}
.about-title{color:#0F2D6B;font-size:15px;font-weight:800;margin-bottom:8px;}
.about-text{color:#475569;font-size:13px;line-height:1.8;background:#fff;border:1.5px solid #E0E7FF;border-radius:12px;padding:14px;}

/* Empty state */
.empty-state{text-align:center;padding:40px 20px;color:#94A3B8;font-size:13px;}