*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050b14;color:#eef2f7;font-family:Inter,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,11,20,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:800;font-size:18px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#d7a54b,#f4d68a);color:#07111f}
.nav{display:flex;gap:24px;align-items:center}.nav a{font-size:14px;color:#cbd3df}.nav a:hover{color:#f1c86d}.nav-pill{border:1px solid #b88731;padding:8px 16px;border-radius:99px}.nav-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}
.hero{min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center}.hero-slider,.slide,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.slide{object-fit:cover;opacity:0;transition:opacity 1s}.slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,rgba(3,9,18,.92),rgba(3,9,18,.48),rgba(3,9,18,.82))}.hero-content{position:relative;z-index:2;text-align:center}.profile{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #d6a84f;box-shadow:0 10px 50px #000}.eyebrow,.section-kicker,.kicker{color:#d9ad58;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(52px,8vw,92px);line-height:1;margin:18px 0 10px}.hero h1 em{font-style:normal;color:#d8ad5d}.hero-sub{font-size:19px;color:#d3dae5}.hero-actions,.contact-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);padding:12px 22px;border-radius:9px;font-weight:700;cursor:pointer;background:#101a29;color:#fff;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#d6a84f}.btn.gold{background:linear-gradient(135deg,#b7832f,#edc96e);color:#08111c;border:0}.btn.gold:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.btn.small{padding:9px 14px;font-size:13px}
.section{padding:92px 0}.dark-section{background:#07101c}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.section h1,.section h2{font-family:"Playfair Display",serif;font-size:clamp(34px,5vw,54px);line-height:1.1;margin:12px 0 20px}.prose{color:#b9c2cf}.prose p{margin:0 0 18px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#0a1524;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}.square-img{aspect-ratio:1/1;overflow:hidden;background:#0c1624}.square-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px}.card h3{font-size:18px;margin:0 0 10px}.card p{font-size:14px;color:#aeb8c7;min-height:78px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom strong,.price{color:#e4bf69}
.highlight{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.highlight p{color:#b9c2cf;font-size:18px}.contact-section{padding-top:20px}.contact-box{padding:55px;border:1px solid rgba(220,176,88,.3);border-radius:18px;background:linear-gradient(135deg,#0b1726,#08101b);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-actions{margin:0}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:55px 0 20px;color:#9ea9b9}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.socials{display:flex;flex-direction:column;gap:8px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:18px;margin-top:20px;font-size:13px}.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:28px;box-shadow:0 10px 35px #0008}
.detail{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:64px;align-items:start}.detailimg{width:100%;max-height:460px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.auth{max-width:500px;margin:0 auto;min-height:70vh;display:grid;align-content:center;padding:40px 0}.auth.wide{max-width:860px}.auth h1{text-align:center;margin-bottom:28px}.auth-card{width:100%;background:#0a1524;border:1px solid rgba(214,168,79,.18);padding:30px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.auth-card form,.card.pad form{display:grid;gap:16px}.auth-card label,.card.pad label{display:block;color:#cbd5e1;font-size:14px}.auth-card input,.card.pad input,.card.pad textarea,.card.pad select,.order-form input,.order-form textarea,.order-form select{display:block;width:100%;min-height:48px;margin-top:7px;padding:12px 14px;border:1px solid #2a3b50;border-radius:9px;background:#07111d;color:#fff;font:inherit;outline:none}.auth-card textarea,.card.pad textarea,.order-form textarea{min-height:120px;resize:vertical}.auth-card input:focus,.card.pad input:focus,.card.pad textarea:focus,.card.pad select:focus,.order-form input:focus,.order-form textarea:focus,.order-form select:focus{border-color:#d6a84f;box-shadow:0 0 0 3px rgba(214,168,79,.1)}.full-btn{width:100%}.auth-links{text-align:right;margin:0}.auth-register{text-align:center;color:#94a2b5}.auth-register a{color:#e4bf69;font-weight:700}
.alert{padding:14px 16px;border-radius:10px;margin:15px 0}.alert.error{background:#3a151b;color:#ffb8c0;border:1px solid #6a2732}.alert.success{background:#12351f;color:#baf4c9;border:1px solid #245e37}
/* Customer dashboard */
.dashboard-hero{padding:70px 0 30px}.profileHead{display:flex;align-items:center;gap:20px}.avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid #d6a84f}.avatar.large{width:132px;height:132px}.placeholder{display:grid;place-items:center;background:#d6a84f;color:#07111f;font-weight:800;font-size:30px}.profileHead h1{margin:4px 0 5px;font-size:clamp(34px,5vw,52px)}.profileHead p{margin:0;color:#9eabbc}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 48px}.menu-card{min-height:118px;padding:22px 18px;border:1px solid #b88731;border-radius:14px;background:linear-gradient(145deg,#0c1929,#08121e);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;transition:.2s;box-shadow:0 8px 28px rgba(0,0,0,.15)}.menu-card:hover{transform:translateY(-3px);border-color:#edc96e;box-shadow:0 12px 32px rgba(184,135,49,.12)}.menu-icon{font-size:25px}.menu-title{font-weight:800;font-size:16px}.menu-sub{font-size:12px;color:#8290a3}.menu-card.active{background:linear-gradient(145deg,#241b0d,#101b25)}
.dashboard-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.dashboard-section-title h2{margin:0;font-size:34px}.recent-card{border:1px solid rgba(214,168,79,.18);background:#081421;border-radius:14px;overflow:hidden}.table-wrap,.tablewrap{overflow:auto}.table-wrap table,.tablewrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th,.table-wrap td,.tablewrap th,.tablewrap td{text-align:left;padding:15px 16px;border-bottom:1px solid #1b2b3e;vertical-align:middle}.table-wrap th,.tablewrap th{color:#e6c56f;font-size:13px;text-transform:uppercase;letter-spacing:.4px;background:#0b1827}.table-wrap tr:last-child td,.tablewrap tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#13263a;border:1px solid #29425b;font-size:12px;color:#d8e1eb}.empty{padding:30px;text-align:center;color:#8997aa}
/* New order */
.order-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.order-page-head h1{margin:0}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-order-card{display:flex;flex-direction:column;height:100%;background:#0a1524;border:1px solid rgba(214,168,79,.18);border-radius:15px;overflow:hidden;transition:.2s}.service-order-card:hover{transform:translateY(-3px);border-color:#c9993e;box-shadow:0 12px 34px rgba(0,0,0,.2)}.service-order-image{height:205px;background:#0d1928;overflow:hidden}.service-order-image img{width:100%;height:100%;object-fit:cover}.service-order-body{padding:20px;display:flex;flex-direction:column;flex:1}.service-order-body h3{margin:0 0 8px;font-size:19px}.service-order-body p{color:#9eacbd;font-size:14px;min-height:65px;margin:0 0 18px}.service-order-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.service-price{color:#e4bf69;font-weight:800}
/* Order form */
.order-summary{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-bottom:22px;padding:15px;border:1px solid rgba(214,168,79,.2);border-radius:14px;background:#081421}.order-summary img{width:110px;height:90px;object-fit:cover;border-radius:10px}.order-summary h3{margin:0 0 5px}.order-summary p{margin:0;color:#93a1b2;font-size:13px}.order-form{padding:28px}.order-form form{display:grid;gap:17px}.form-grid,.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc{margin:6px 0 3px;padding:18px;border:1px solid rgba(220,176,88,.28);border-radius:12px;background:#07111d;display:grid;gap:7px}.calc div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #1c2a3d}.calc div:last-child{border-bottom:0}.calc b{color:#e4bf69}
/* Profile */
.profile-card{max-width:650px;margin:0 auto;text-align:left}.profile-preview{text-align:center;margin-bottom:24px}.profile-card .btn{width:100%}
/* Generic/admin */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stat{background:#0a1524;border:1px solid rgba(214,168,79,.18);border-radius:14px;padding:20px}.stat small{display:block;color:#8e9bad}.stat b{font-size:30px;color:#f1d184}.admin-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.admin-menu{padding:20px;border:1px solid #b88731;border-radius:14px;background:#0a1524;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:7px}.admin-menu:hover{border-color:#edc96e;transform:translateY(-2px)}.admin-menu .menu-title{font-size:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.inline-form{display:inline-flex;gap:8px;align-items:center}.inline-form input[type=file]{width:230px}.muted{color:#8492a5;font-size:13px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;min-height:auto}.thumb{width:60px;height:60px;object-fit:cover;border-radius:8px}.method{padding:16px}.method img{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:10px}.method code{display:inline-block;background:#07111d;border:1px solid #26364b;border-radius:7px;padding:8px 12px;margin:8px}.detail-grid{display:grid;grid-template-columns:45% 1fr;gap:60px;align-items:start}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:repeat(2,1fr)}.menu-grid,.admin-menu-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.split,.highlight,.detail,.detail-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.contact-box{display:block}.contact-actions{justify-content:flex-start;margin-top:20px}}
@media(max-width:650px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:4%;right:4%;background:#07101c;padding:16px;border:1px solid #26364b;border-radius:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px}.hero{min-height:610px}.hero h1{font-size:55px}.section{padding:70px 0}.service-grid,.order-grid,.menu-grid,.admin-menu-grid,.stats{grid-template-columns:1fr}.form-grid,.formgrid{grid-template-columns:1fr}.contact-box{padding:30px}.hero-actions{flex-direction:column;width:min(300px,100%);margin:28px auto 0}.hero-actions .btn{width:100%}.profileHead{align-items:flex-start}.dashboard-section-title{align-items:flex-start;flex-direction:column}.order-page-head{align-items:flex-start;flex-direction:column}.order-summary{grid-template-columns:1fr}.order-summary img{width:100%;height:180px}.footer-grid{grid-template-columns:1fr}.auth-card{padding:24px 18px}.inline-form{display:flex;flex-direction:column;align-items:stretch}.inline-form input[type=file]{width:100%}}

/* FINAL v5.1 - dedicated admin dashboard menu layout */
.admin-menu-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;margin:32px 0 0 !important;width:100% !important;}
.admin-menu-grid .admin-menu{display:flex !important;min-width:0 !important;min-height:145px !important;width:100% !important;padding:22px !important;box-sizing:border-box !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:9px !important;border:1px solid #b88731 !important;border-radius:15px !important;background:linear-gradient(145deg,#0c1929,#08121e) !important;color:#eef2f7 !important;text-decoration:none !important;white-space:normal !important;line-height:1.5 !important;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s !important;}
.admin-menu-grid .admin-menu:hover{transform:translateY(-3px) !important;border-color:#edc96e !important;box-shadow:0 14px 35px rgba(184,135,49,.14) !important;background:linear-gradient(145deg,#111f31,#0a1524) !important;}
.admin-menu-grid .admin-menu .menu-icon{font-size:25px !important;line-height:1 !important;}
.admin-menu-grid .admin-menu .menu-title{font-size:16px !important;font-weight:800 !important;line-height:1.3 !important;color:#f4f6fa !important;}
.admin-menu-grid .admin-menu .menu-sub{font-size:13px !important;line-height:1.45 !important;color:#91a0b3 !important;}
@media(max-width:1000px){.admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:650px){.admin-menu-grid{grid-template-columns:1fr !important;gap:14px !important;}.admin-menu-grid .admin-menu{min-height:120px !important;}}

/* FINAL v5.2 - New Order uses the exact same service cards as the homepage */
.order-service-grid{grid-template-columns:repeat(4,1fr) !important;gap:22px !important;}
.order-service-grid .order-service-card-same{display:block !important;height:auto !important;}
.order-service-grid .order-service-card-same .square-img{aspect-ratio:1/1 !important;height:auto !important;}
.order-service-grid .order-service-card-same .square-img img{width:100% !important;height:100% !important;object-fit:cover !important;}
.order-service-grid .order-service-card-same .card-body{padding:20px !important;}
.order-service-grid .order-service-card-same h3{font-size:18px !important;line-height:1.35 !important;margin:0 0 10px !important;}
.order-service-grid .order-service-card-same p{font-size:14px !important;min-height:78px !important;margin:0 0 10px !important;}
.order-service-grid .order-service-card-same .btn.small{padding:9px 14px !important;font-size:13px !important;white-space:nowrap !important;}
@media(max-width:1000px){.order-service-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:650px){.order-service-grid{grid-template-columns:1fr !important;}}

/* FINAL v5.2 - clean admin dashboard */
.admin-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:10px;}
.admin-dashboard-head h1{margin:12px 0 8px;}
.admin-logout-top{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b88731;border-radius:999px;padding:9px 17px;color:#f0d080;background:#0a1524;font-weight:700;white-space:nowrap;}
.admin-logout-top:hover{border-color:#edc96e;background:#151d29;color:#fff;}
.admin-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:32px 0 54px;}
.admin-main-card{min-height:150px;padding:23px;border:1px solid #b88731;border-radius:15px;background:linear-gradient(145deg,#0c1929,#08121e);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;box-shadow:0 8px 28px rgba(0,0,0,.14);transition:.2s;}
.admin-main-card:hover{transform:translateY(-3px);border-color:#edc96e;box-shadow:0 14px 35px rgba(184,135,49,.14);}
.admin-main-card .menu-icon{font-size:25px;line-height:1;}
.admin-main-card .menu-title{font-size:17px;font-weight:800;line-height:1.3;}
.admin-main-card .menu-sub{font-size:13px;line-height:1.45;color:#91a0b3;}
.admin-recent-title{margin-top:0;}
.settings-head{margin-bottom:30px;}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;}
.settings-card{min-height:175px;padding:25px;border:1px solid #b88731;border-radius:16px;background:linear-gradient(145deg,#0c1929,#08121e);display:flex;flex-direction:column;justify-content:center;gap:10px;transition:.2s;}
.settings-card:hover{transform:translateY(-3px);border-color:#edc96e;box-shadow:0 14px 35px rgba(184,135,49,.14);}
.settings-card .menu-icon{font-size:27px;line-height:1;}
.settings-card .menu-title{font-size:17px;font-weight:800;}
.settings-card .menu-sub{font-size:13px;color:#91a0b3;line-height:1.5;}
.nav-logout{color:#f0d080 !important;}
@media(max-width:1000px){.admin-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.admin-dashboard-head{flex-direction:column;}.admin-main-grid,.settings-grid{grid-template-columns:1fr;}.admin-main-card,.settings-card{min-height:130px;}.admin-logout-top{align-self:flex-start;}}


/* FINAL v5.3 - New Order uses the exact homepage Services markup and sizing */
#new-order-services .service-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px !important;width:100% !important;}
#new-order-services .service-card{display:block !important;width:100% !important;min-width:0 !important;height:auto !important;}
#new-order-services .service-card .square-img{display:block !important;width:100% !important;aspect-ratio:1/1 !important;height:auto !important;overflow:hidden !important;}
#new-order-services .service-card .square-img img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;}
#new-order-services .service-card .card-body{padding:20px !important;}
#new-order-services .service-card h3{font-size:18px !important;line-height:1.35 !important;margin:0 0 10px !important;}
#new-order-services .service-card p{font-size:14px !important;line-height:1.7 !important;min-height:78px !important;margin:0 0 10px !important;}
#new-order-services .service-card .card-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;}
#new-order-services .service-card .btn.small{padding:9px 14px !important;font-size:13px !important;white-space:nowrap !important;}
@media(max-width:1000px){#new-order-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:650px){#new-order-services .service-grid{grid-template-columns:1fr !important;}}