@font-face{
    font-family:'DINPro';
    src:url('../fonts/DINPro-Regular.woff2') format('woff2');
    font-weight:400;
}
@font-face{
    font-family:'DINPro';
    src:url('../fonts/DINPro-Bold.woff2') format('woff2');
    font-weight:700;
}
@font-face{
    font-family:'OpenSansLocal';
    src:url('../fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight:400;
}
*{box-sizing:border-box}
body{
    margin:0;
    background:#f5f6fa;
    color:#111827;
    font-family:'DINPro','OpenSansLocal','Open Sans',Arial,sans-serif;
}

img.wf-dashboard-logo-img
{
    width: 180px;
}

.wf-login-logo-img
{
    width: 180px!important;margin: 0 auto;
}

label.wp-checkline
{
    text-transform: capitalize;
}

body.wf-home-clean .wf-city-tab:last-child
{
    display: none;
}

input#terms_accept
{
    min-height: 10px!important;
}
.top{
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    padding:16px 28px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:sticky;
    top:0;
    z-index:50;
}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}
.logo{width:42px;height:42px;border-radius:12px;background:#ffcc00;display:flex;align-items:center;justify-content:center;font-weight:900}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.wrap{max-width:1400px;margin:auto;padding:28px}
.hero{background:linear-gradient(135deg,#111827,#2b2f39);color:#fff;border-radius:28px;padding:42px;margin-bottom:28px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:220px;height:220px;background:#ffcc00;border-radius:50%;right:-60px;top:-70px;opacity:.22}
.hero h1{font-size:42px;margin:10px 0}
.muted{color:#6b7280}
.hero .muted{color:#d1d5db}
.small{font-size:13px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card,.section-card,.filter-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:24px;
    box-shadow:0 12px 34px rgba(17,24,39,.07);
    margin-bottom:20px;
    animation:fadeUp .35s ease both;
}
.card::before,.card::after,.section-card::before,.section-card::after,.filter-card::before,.filter-card::after{display:none!important;content:none!important}
.btn{
    border:0;
    border-radius:14px;
    padding:12px 18px;
    font-weight:800;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    gap:8px;
    transition:.25s;
}
.btn:hover{transform:translateY(-2px)}
.yellow,.btn.yellow{background:#ffcc00;color:#111827}
.light,.btn.light{background:#f3f4f6;color:#111827}
.dark,.btn.dark{background:#111827;color:#fff}
.danger,.btn.danger{background:#fee2e2;color:#991b1b}
.success,.btn.success{background:#dcfce7;color:#166534}
.full{width:100%}
input,select,textarea{
    width:100%;
    padding:13px;
    border:1px solid #d1d5db;
    border-radius:13px;
    margin:7px 0 14px;
    font-family:inherit;
}
textarea{min-height:95px}

.city-content{font-weight: normal;}


label{font-size:12px;text-transform:uppercase;font-weight:800;color:#6b7280}
.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:16px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th{background:#111827;color:#fff;text-align:left;padding:12px;font-size:13px;white-space:nowrap}
.table td{padding:12px;border-bottom:1px solid #eef0f4;font-size:13px;vertical-align:top}
.table tr:hover td{background:#fff9db}
.badge{display:inline-block;border-radius:999px;padding:6px 10px;background:#f3f4f6;font-size:12px;font-weight:800}
.badge.approved,.badge.paid,.badge.active{background:#dcfce7;color:#166534}
.badge.pending,.badge.checked_in,.badge.not_submitted{background:#fef9c3;color:#854d0e}
.badge.rejected,.badge.redeemed,.badge.declined{background:#fee2e2;color:#991b1b}
.alert{padding:14px;border-radius:13px;margin-bottom:16px;font-weight:700}
.alert.error{background:#fee2e2;color:#991b1b}
.alert.ok{background:#dcfce7;color:#166534}
.stats-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.mini-stat{background:#fff;border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid #e5e7eb;box-shadow:0 10px 28px rgba(17,24,39,.06)}
.icon{width:46px;height:46px;border-radius:15px;background:#111827;color:#ffcc00;display:flex;align-items:center;justify-content:center;font-size:22px;animation:pulse 2s infinite}
.mini-stat p{margin:0;color:#6b7280;font-size:12px;font-weight:800;text-transform:uppercase}
.mini-stat b{font-size:26px}
.city-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.city-choice{border:1px solid #e5e7eb;background:#fff;border-radius:24px;padding:0;overflow:hidden;text-align:left;cursor:pointer;transition:.3s}
.city-choice:hover,.city-choice.active{transform:translateY(-5px);box-shadow:0 15px 36px rgba(17,24,39,.13);border-color:#ffcc00}
.city-img{width:100%;height:145px;object-fit:cover;display:block;}
.city-content{padding:18px}
.city-content strong{font-size:19px;display:block;margin:8px 0}
.selected-location-bar{background:#fff;border:1px solid #ffcc00;border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:center;margin:20px 0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{border:1px solid #e5e7eb;border-radius:24px;background:#fff;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 34px rgba(17,24,39,.07)}
.price{font-size:34px;font-weight:900;margin:12px 0}
.feature-list{padding-left:18px;color:#374151}
.chat-log{border-left:4px solid #ffcc00;padding-left:16px}
.chat-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin:12px 0}
.chart-box{height:260px;border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fff;display:flex;align-items:end;gap:10px}
.bar{background:#ffcc00;border-radius:10px 10px 0 0;flex:1;min-height:20px;position:relative}
.bar span{position:absolute;bottom:100%;left:0;font-size:11px;white-space:nowrap}
@keyframes pulse{50%{transform:scale(1.08)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.grid-2,.grid-3,.grid-4,.stats-line,.product-grid,.city-choice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.grid-2,.grid-3,.grid-4,.stats-line,.product-grid,.city-choice-grid{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.hero h1{font-size:30px}}

.terms-box{
    background:#fff9db;
    border:1px solid #ffec99;
    border-radius:16px;
    padding:14px;
    margin:14px 0;
    font-size:13px;
    display: none;
}
.terms-box p{margin:6px 0 0;color:#6b7280;line-height:1.5}
.badge.confirmed{background:#dcfce7;color:#166534}
.badge.completed{background:#e0e7ff;color:#3730a3}
.badge.declined{background:#fee2e2;color:#991b1b}

/* FINAL UI COUPON KYC */
.auth-shell{min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:34px}
.auth-card{width:100%;max-width:1100px;background:#fff;border:1px solid #e5e7eb;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 24px 60px rgba(17,24,39,.10);animation:fadeUp .45s ease both}
.auth-form{padding:42px}.auth-form form{max-width:460px;margin:auto}
.auth-visual{background:linear-gradient(135deg,#111827,#313642);min-height:560px;padding:42px;color:#fff;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.auth-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#ffcc00;top:-90px;right:-90px;opacity:.32}
.visual-content{position:relative;z-index:2}.visual-content h2{font-size:36px;margin:0 0 12px}.visual-content p{color:#e5e7eb;line-height:1.6}
.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus,.checkout-form input:focus{outline:none;border-color:#ffcc00;box-shadow:0 0 0 4px rgba(255,204,0,.18)}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.kyc-stage{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.stage-pill{border:1px solid #e5e7eb;background:#fff;padding:10px 14px;border-radius:999px;font-weight:900;color:#64748b}.stage-pill.done{background:#dcfce7;color:#166534}.stage-pill.active{background:#ffcc00;color:#111827}.stage-pill.reject{background:#fee2e2;color:#991b1b}
.coupon-row{display:none;grid-template-columns:1fr auto;gap:10px;align-items:end}
.locked-pin{color:transparent!important;text-shadow:0 0 12px rgba(17,24,39,.18)}
.pass-card.locked-card .pass-pin{color:transparent!important}
.pass-card.locked-card:after{content:"🔒\A Locked";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#475569;font-size:18px;font-weight:900;background:rgba(248,250,252,.78);backdrop-filter:blur(2px);z-index:3}
.prebook-hidden{display:none!important}
@media(max-width:900px){.auth-card{grid-template-columns:1fr}.auth-visual{min-height:260px}.auth-form{padding:28px}}

/* CARTOON PAGE ANIMATIONS */
.auth-visual{position:relative;overflow:hidden}
.auth-visual .visual-content{position:relative;z-index:5}
.cartoon-stage{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:330px;height:330px;z-index:3}
.cartoon-bg-circle{position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,204,0,.38);right:-15px;top:-18px;animation:cartoonPulse 3s ease-in-out infinite}
.cartoon-floor{position:absolute;width:250px;height:18px;background:#ffcc00;border-radius:999px;left:40px;bottom:44px;box-shadow:0 10px 20px rgba(0,0,0,.16)}
.cartoon-person{position:absolute;left:105px;top:72px;width:120px;height:190px;animation:cartoonFloat 3.1s ease-in-out infinite}
.cartoon-head{width:58px;height:58px;border-radius:50%;background:#ffd7b5;margin:0 auto;position:relative;box-shadow:inset -8px -5px 0 rgba(0,0,0,.08)}
.cartoon-head:before,.cartoon-head:after{content:"";position:absolute;top:26px;width:6px;height:6px;border-radius:50%;background:#111827}
.cartoon-head:before{left:17px}.cartoon-head:after{right:17px}
.cartoon-smile{position:absolute;width:22px;height:10px;border-bottom:3px solid #111827;border-radius:0 0 20px 20px;left:18px;bottom:13px}
.cartoon-body{width:92px;height:92px;background:#111827;border-radius:28px 28px 14px 14px;margin:9px auto 0;position:relative}
.cartoon-body:before,.cartoon-body:after{content:"";position:absolute;width:18px;height:70px;background:#ffd7b5;top:15px;border-radius:12px}
.cartoon-body:before{left:-14px;transform:rotate(14deg)}.cartoon-body:after{right:-14px;transform:rotate(-14deg)}
.cartoon-laptop{position:absolute;width:112px;height:54px;background:#fff;border-radius:10px;left:4px;bottom:14px;box-shadow:0 10px 20px rgba(0,0,0,.18)}
.cartoon-laptop:after{content:"";position:absolute;width:26px;height:5px;background:#ffcc00;border-radius:999px;left:43px;top:24px}
.cartoon-doc{position:absolute;width:92px;height:112px;background:#fff;border-radius:14px;left:116px;top:110px;box-shadow:0 12px 22px rgba(0,0,0,.16);animation:docBounce 2.5s ease-in-out infinite}
.cartoon-doc:before{content:"";position:absolute;width:54px;height:8px;background:#111827;opacity:.18;left:18px;top:28px;border-radius:99px;box-shadow:0 22px 0 rgba(17,24,39,.18),0 44px 0 rgba(17,24,39,.18)}
.cartoon-doc:after{content:"✓";position:absolute;right:-12px;top:-12px;width:38px;height:38px;background:#ffcc00;color:#111827;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}
.cartoon-card{position:absolute;width:150px;height:92px;background:#fff;border-radius:18px;left:90px;top:128px;box-shadow:0 16px 28px rgba(0,0,0,.18);animation:cardPay 2.6s ease-in-out infinite}
.cartoon-card:before{content:"";position:absolute;width:100%;height:22px;background:#111827;left:0;top:18px}
.cartoon-card:after{content:"₹";position:absolute;right:18px;bottom:12px;font-weight:900;color:#111827;font-size:24px}
.cartoon-shield{position:absolute;width:105px;height:125px;left:110px;top:96px;background:#fff;clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);box-shadow:0 15px 28px rgba(0,0,0,.18);animation:shieldGlow 2.6s ease-in-out infinite}
.cartoon-shield:after{content:"✓";position:absolute;left:32px;top:36px;color:#111827;font-size:46px;font-weight:900}
.cartoon-dots{position:absolute;left:50px;top:55px;width:230px;height:210px}
.cartoon-dots span{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffcc00;opacity:.9;animation:dotMove 3s ease-in-out infinite}
.cartoon-dots span:nth-child(1){left:0;top:40px;animation-delay:.1s}
.cartoon-dots span:nth-child(2){right:20px;top:70px;animation-delay:.4s}
.cartoon-dots span:nth-child(3){left:35px;bottom:18px;animation-delay:.7s}
.cartoon-dots span:nth-child(4){right:0;bottom:46px;animation-delay:1s}
.login-anim .cartoon-person{left:98px}
.register-anim .cartoon-person{left:42px;transform:scale(.82)}
.register-anim .cartoon-doc{left:168px}
.checkout-anim .cartoon-person{left:38px;transform:scale(.78)}
.checkout-anim .cartoon-card{left:164px}
.kyc-anim .cartoon-person{left:38px;transform:scale(.76)}
.kyc-anim .cartoon-shield{left:165px}
@keyframes cartoonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes cartoonPulse{0%,100%{transform:scale(1);opacity:.28}50%{transform:scale(1.12);opacity:.45}}
@keyframes docBounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes cardPay{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
@keyframes shieldGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,204,0,.2))}50%{filter:drop-shadow(0 0 18px rgba(255,204,0,.75))}}
@keyframes dotMove{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-16px);opacity:1}}
@media(max-width:900px){.cartoon-stage{position:relative;top:auto;left:auto;transform:none;margin:10px auto 20px}.auth-visual{align-items:center;min-height:420px}}

/* PREMIUM REAL EXPERIENCE VISUAL PANELS */
.cartoon-stage{display:none!important}
.auth-visual{
    background:
      radial-gradient(circle at 78% 10%, rgba(255,204,0,.35), transparent 30%),
      linear-gradient(135deg,#0f172a 0%,#1f2937 48%,#111827 100%)!important;
    position:relative;
    overflow:hidden;
}
.auth-visual::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:42px 42px;
    opacity:.35;
}
.auth-visual::after{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(255,204,0,.42),rgba(255,204,0,.05));
    right:-210px;
    top:-175px;
    filter:blur(.2px);
}
.visual-content{
    position:relative;
    z-index:5;
    width:100%;
}
.premium-scene{
    position:absolute;
    inset:34px;
    z-index:3;
    border-radius:28px;
    overflow:hidden;
}
.office-window{
    position:absolute;
    inset:0;
    border-radius:28px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
      radial-gradient(circle at 75% 25%, rgba(255,204,0,.32), transparent 28%);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:inset 0 0 60px rgba(255,255,255,.05);
}
.city-lines{
    position:absolute;
    left:22px;
    right:22px;
    top:32px;
    height:120px;
    background:
      linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.28) 8% 9%,transparent 9% 22%,rgba(255,255,255,.18) 22% 23%,transparent 23% 40%,rgba(255,255,255,.24) 40% 41%,transparent 41% 65%,rgba(255,255,255,.16) 65% 66%,transparent 66%);
    opacity:.5;
}
.office-floor{
    position:absolute;
    left:-40px;
    right:-40px;
    bottom:-25px;
    height:185px;
    background:
      linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
      repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 38px);
    transform:skewY(-7deg);
    border-top:1px solid rgba(255,255,255,.18);
}
.glass-desk{
    position:absolute;
    left:55px;
    right:55px;
    bottom:95px;
    height:20px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(255,204,0,.92),rgba(255,255,255,.75));
    box-shadow:0 18px 40px rgba(0,0,0,.25);
    animation:deskGlow 3.4s ease-in-out infinite;
}
.visual-card{
    position:absolute;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 18px 45px rgba(0,0,0,.25);
    backdrop-filter:blur(16px);
    border-radius:22px;
    padding:18px;
    color:#fff;
    animation:floatPremium 4s ease-in-out infinite;
}
.visual-card h4{
    margin:0 0 8px;
    font-size:15px;
    color:#fff;
}
.visual-card p{
    margin:0;
    color:#e5e7eb;
    font-size:12px;
    line-height:1.5;
}
.visual-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,204,0,.95);
    color:#111827;
    font-weight:900;
    font-size:12px;
    margin-bottom:10px;
}
.visual-login .visual-card.one{width:210px;left:42px;top:66px}
.visual-login .visual-card.two{width:180px;right:34px;top:176px;animation-delay:.7s}
.visual-register .visual-card.one{width:220px;left:42px;top:62px}
.visual-register .visual-card.two{width:190px;right:36px;top:188px;animation-delay:.8s}
.visual-checkout .visual-card.one{width:220px;left:40px;top:78px}
.visual-checkout .visual-card.two{width:205px;right:34px;top:188px;animation-delay:.8s}
.visual-kyc .visual-card.one{width:230px;left:38px;top:70px}
.visual-kyc .visual-card.two{width:200px;right:38px;top:194px;animation-delay:.75s}
.floating-device{
    position:absolute;
    width:155px;
    height:100px;
    left:104px;
    bottom:125px;
    border-radius:20px;
    background:linear-gradient(145deg,#f8fafc,#cbd5e1);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    animation:deviceFloat 3.2s ease-in-out infinite;
}
.floating-device::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:18px;
    height:10px;
    border-radius:999px;
    background:#111827;
    box-shadow:0 24px 0 rgba(17,24,39,.22),0 48px 0 rgba(17,24,39,.14);
}
.floating-device::after{
    content:"";
    position:absolute;
    right:18px;
    bottom:14px;
    width:46px;
    height:14px;
    border-radius:999px;
    background:#ffcc00;
}
.secure-badge{
    position:absolute;
    right:72px;
    bottom:116px;
    width:70px;
    height:70px;
    border-radius:22px;
    background:#ffcc00;
    color:#111827;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    box-shadow:0 18px 42px rgba(0,0,0,.25);
    animation:badgePop 2.6s ease-in-out infinite;
}
.payment-ring{
    position:absolute;
    left:70px;
    bottom:130px;
    width:128px;
    height:128px;
    border-radius:50%;
    border:16px solid rgba(255,204,0,.88);
    border-top-color:rgba(255,255,255,.78);
    animation:ringSpin 4s linear infinite;
}
.payment-amount{
    position:absolute;
    left:98px;
    bottom:174px;
    color:#fff;
    font-size:26px;
    font-weight:900;
}
.kyc-shield{
    position:absolute;
    left:88px;
    bottom:118px;
    width:112px;
    height:132px;
    background:linear-gradient(145deg,#fff,#e5e7eb);
    clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);
    box-shadow:0 22px 50px rgba(0,0,0,.35);
    animation:shieldPremium 3s ease-in-out infinite;
}
.kyc-shield::after{
    content:"✓";
    position:absolute;
    left:34px;
    top:38px;
    color:#111827;
    font-size:50px;
    font-weight:900;
}
.progress-line{
    position:absolute;
    left:58px;
    right:58px;
    bottom:64px;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    overflow:hidden;
}
.progress-line::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:45%;
    background:#ffcc00;
    border-radius:999px;
    animation:progressMove 3s ease-in-out infinite;
}
.visual-content h2{
    text-shadow:0 10px 30px rgba(0,0,0,.25);
}
@keyframes floatPremium{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-13px)}
}
@keyframes deviceFloat{
    0%,100%{transform:translateY(0) rotate(-2deg)}
    50%{transform:translateY(-16px) rotate(2deg)}
}
@keyframes deskGlow{
    0%,100%{box-shadow:0 18px 40px rgba(0,0,0,.25)}
    50%{box-shadow:0 18px 50px rgba(255,204,0,.30)}
}
@keyframes badgePop{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.08)}
}
@keyframes ringSpin{
    to{transform:rotate(360deg)}
}
@keyframes shieldPremium{
    0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(255,204,0,.25))}
    50%{transform:translateY(-12px);filter:drop-shadow(0 0 18px rgba(255,204,0,.75))}
}
@keyframes progressMove{
    0%{width:18%}
    50%{width:76%}
    100%{width:45%}
}
@media(max-width:900px){
    .premium-scene{position:relative;inset:auto;height:360px;margin-bottom:20px}
}

/* ADMINLTE COMPLETE WORKAFELLA THEME */
.adminlte-body{margin:0;background:#f5f7fb;min-height:100vh;color:#111827}.adminlte-shell{display:flex;min-height:100vh}.adminlte-sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;background:#0f172a;color:#fff;padding:20px 16px;z-index:100;box-shadow:18px 0 45px rgba(15,23,42,.22);overflow:auto}.adminlte-brand{display:flex;align-items:center;gap:12px;padding:8px 10px 22px;font-size:22px;font-weight:950}.adminlte-brand .logo{background:#ffcc00;color:#111827}.adminlte-profile{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:15px;margin-bottom:18px}.adminlte-profile span{display:block;color:#cbd5e1;font-size:12px;margin-top:5px}.adminlte-nav{display:flex;flex-direction:column;gap:7px}.adminlte-nav a{display:flex;align-items:center;gap:11px;color:#e5e7eb;text-decoration:none;padding:13px 14px;border-radius:15px;font-weight:850}.adminlte-nav a:hover,.adminlte-nav a.active{background:#ffcc00;color:#111827;transform:translateX(4px)}.adminlte-main{margin-left:286px;width:calc(100% - 286px);min-height:100vh}.adminlte-topbar{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:80}.adminlte-title h1{margin:0;font-size:24px}.adminlte-title p{margin:3px 0 0;color:#64748b;font-size:13px}.adminlte-content{padding:26px}.adminlte-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:24px;box-shadow:0 12px 34px rgba(17,24,39,.06);margin-bottom:22px}.adminlte-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.adminlte-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(17,24,39,.05);position:relative;overflow:hidden}.adminlte-kpi:after{content:"";position:absolute;right:-34px;top:-34px;width:98px;height:98px;border-radius:50%;background:rgba(255,204,0,.28)}.adminlte-kpi span{font-size:12px;text-transform:uppercase;font-weight:950;color:#64748b}.adminlte-kpi b{display:block;font-size:30px;margin-top:8px}.adminlte-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.adminlte-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.status-pill{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;background:#eef2f7;color:#475569}.status-pill.approved,.status-pill.active,.status-pill.checked_in,.status-pill.success{background:#dcfce7;color:#166534}.status-pill.pending,.status-pill.locked{background:#fef3c7;color:#92400e}.status-pill.rejected,.status-pill.permanent_rejected,.status-pill.failed{background:#fee2e2;color:#991b1b}.status-pill.redeemed,.status-pill.used{background:#dbeafe;color:#1d4ed8}.adminlte-mobile-btn{display:none;background:#ffcc00;border:0;border-radius:12px;padding:10px 14px;font-weight:950}@media(max-width:1000px){.adminlte-sidebar{transform:translateX(-105%);transition:.25s}.adminlte-sidebar.open{transform:translateX(0)}.adminlte-main{margin-left:0;width:100%}.adminlte-mobile-btn{display:inline-flex}.adminlte-kpis{grid-template-columns:repeat(2,1fr)}.adminlte-grid-2,.adminlte-grid-3{grid-template-columns:1fr}}@media(max-width:640px){.adminlte-content{padding:16px}.adminlte-kpis{grid-template-columns:1fr}}


/* POLISHED WALLET / ADMINLTE FORMS / COLOR CHARTS */
.pro-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pro-pass-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:30px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 46px rgba(17,24,39,.08);min-height:340px;transition:.24s ease}
.pro-pass-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(17,24,39,.12)}
.pro-pass-card.active{border-color:#ffcc00;background:radial-gradient(circle at 90% 0%,rgba(255,204,0,.28),transparent 30%),linear-gradient(145deg,#fff,#fffdf3)}
.pro-pass-card.checked_in{border-color:#22c55e;background:radial-gradient(circle at 90% 0%,rgba(34,197,94,.18),transparent 30%),#fff}
.pro-pass-card.locked{opacity:.82}
.pro-pass-card:before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;background:rgba(255,204,0,.18);border-radius:50%}
.pro-pass-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;position:relative;z-index:2}
.pro-credit{background:#111827;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950}
.pro-status{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;background:#eef2f7;color:#475569}
.pro-status.active{background:#dcfce7;color:#166534}.pro-status.checked_in{background:#dbeafe;color:#1d4ed8}.pro-status.locked{background:#fef3c7;color:#92400e}.pro-status.redeemed{background:#e5e7eb;color:#374151}
.pro-title{font-size:24px;font-weight:950;margin:10px 0 16px;position:relative;z-index:2}
.pro-pin{letter-spacing:14px;text-align:center;font-size:32px;font-weight:950;border:2px dashed #cbd5e1;border-radius:22px;padding:22px;background:#fff;margin:16px 0;position:relative;z-index:2}
.pro-pin.locked{color:transparent;text-shadow:0 0 14px rgba(15,23,42,.25)}
.pro-meta{color:#64748b;line-height:1.55;font-size:14px;position:relative;z-index:2}
.pro-message{margin-top:16px;padding:14px 15px;border-radius:18px;font-weight:900;font-size:14px}
.pro-message.success{background:#dcfce7;color:#166534}.pro-message.info{background:#dbeafe;color:#1d4ed8}.pro-message.warn{background:#fff7ed;color:#9a3412}.pro-message.lock{background:#f1f5f9;color:#475569}
.color-chart{display:flex;align-items:flex-end;gap:12px;height:180px;padding:18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px}
.color-bar{flex:1;border-radius:14px 14px 6px 6px;min-height:24px;position:relative;background:linear-gradient(180deg,#ffcc00,#f59e0b);box-shadow:0 12px 24px rgba(245,158,11,.18)}
.color-bar:nth-child(2){background:linear-gradient(180deg,#38bdf8,#2563eb)}.color-bar:nth-child(3){background:linear-gradient(180deg,#34d399,#16a34a)}.color-bar:nth-child(4){background:linear-gradient(180deg,#fb7185,#e11d48)}.color-bar:nth-child(5){background:linear-gradient(180deg,#a78bfa,#7c3aed)}
.color-bar span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:900;color:#64748b}
@media(max-width:1100px){.pro-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pro-wallet-grid{grid-template-columns:1fr}.pro-pin{font-size:26px;letter-spacing:10px}}


/* TAILADMIN INSPIRED THEME - WORKAFELLA DASHBOARDS */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--wf-yellow:#ffcc00;--ta-blue:#465fff;--ta-soft:#eef4ff;--ta-dark:#101828;--ta-text:#344054;--ta-muted:#667085;--ta-border:#eaecf0;--ta-bg:#f9fafb;--ta-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 24px rgba(16,24,40,.04)}
html,body,input,select,textarea,button{font-family:'Outfit',system-ui,-apple-system,"Segoe UI",sans-serif!important}
body,.adminlte-body{background:var(--ta-bg)!important;color:var(--ta-dark)!important}
.adminlte-shell{display:flex;min-height:100vh;background:var(--ta-bg)!important}
.adminlte-sidebar{width:286px!important;background:#fff!important;color:var(--ta-text)!important;border-right:1px solid var(--ta-border)!important;box-shadow:none!important;padding:28px 20px!important}
.adminlte-brand{color:var(--ta-dark)!important;font-size:26px!important;font-weight:800!important;padding:6px 0 34px!important}
.adminlte-brand .logo{background:var(--ta-blue)!important;color:#fff!important;border-radius:12px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;box-shadow:0 10px 20px rgba(70,95,255,.22)!important}
.adminlte-profile{background:#f8fafc!important;border:1px solid var(--ta-border)!important;border-radius:16px!important;color:var(--ta-dark)!important;padding:14px 16px!important;margin-bottom:22px!important}
.adminlte-profile b{color:var(--ta-dark)!important;font-weight:700!important}.adminlte-profile span{color:var(--ta-muted)!important;font-size:13px!important}
.adminlte-nav:before{content:"MENU";color:#98a2b3;font-size:12px;font-weight:700;margin:0 0 8px 2px;letter-spacing:.04em}
.adminlte-nav{gap:6px!important}.adminlte-nav a{color:#344054!important;background:transparent!important;border-radius:10px!important;padding:12px 14px!important;font-size:15px!important;font-weight:600!important;box-shadow:none!important;text-decoration:none!important}
.adminlte-nav a:hover,.adminlte-nav a.active{background:var(--ta-soft)!important;color:var(--ta-blue)!important;transform:none!important}
.adminlte-main{margin-left:286px!important;width:calc(100% - 286px)!important;background:var(--ta-bg)!important}
.adminlte-topbar{height:88px!important;background:#fff!important;border-bottom:1px solid var(--ta-border)!important;box-shadow:none!important;padding:0 28px!important}
.adminlte-title{position:relative;flex:1;display:flex!important;align-items:center;gap:18px}
.adminlte-title h1{font-size:22px!important;margin:0!important;min-width:200px;color:#101828!important;font-weight:800!important}.adminlte-title p{display:none!important}
.adminlte-title:after{content:"Search or type command...";display:flex;align-items:center;max-width:520px;width:45%;min-width:280px;height:48px;border:1px solid var(--ta-border);border-radius:12px;padding:0 18px 0 44px;color:#98a2b3;font-size:15px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.adminlte-title:before{content:"⌕";position:absolute;left:250px;z-index:2;font-size:22px;color:#667085}
.adminlte-content{padding:30px!important;background:var(--ta-bg)!important}
.adminlte-card,.card,.staff-card,.clean-panel,.form-adminlte-card{background:#fff!important;border:1px solid var(--ta-border)!important;border-radius:18px!important;box-shadow:var(--ta-shadow)!important;padding:26px!important}
.adminlte-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;margin-bottom:24px!important}
.adminlte-kpi{background:#fff!important;border:1px solid var(--ta-border)!important;border-radius:18px!important;box-shadow:var(--ta-shadow)!important;padding:26px!important;min-height:150px}
.adminlte-kpi:after{display:none!important;background:#f2f4f7!important;opacity:1!important;right:28px!important;top:26px!important;width:52px!important;height:52px!important;border-radius:14px!important}
.adminlte-kpi span{color:#667085!important;font-size:15px!important;text-transform:none!important;font-weight:500!important}.adminlte-kpi b{color:#101828!important;font-size:34px!important;font-weight:800!important}.adminlte-kpi small{color:#667085!important}
.table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--ta-border)!important;border-radius:14px!important;overflow:hidden!important}
.table th{background:#f9fafb!important;color:#667085!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:700!important;padding:14px 16px!important}
.table td{padding:16px!important;border-bottom:1px solid var(--ta-border)!important;color:#344054!important;font-size:14px!important}
.btn,button{border-radius:12px!important;font-weight:700!important;padding:12px 18px!important}
.btn.yellow,button[name],button.btn.yellow
{
    background: #ffcc00 !important;
    color: #000 !important;
    border-color: #ffcc00 !important;
    /*box-shadow: 0 8px 16px rgba(70, 95, 255, .18) !important;*/
    margin-top: 5px;
}

.btn.light{background:#fff!important;border:1px solid var(--ta-border)!important;color:#344054!important}
input,select,textarea{border:1px solid #d0d5dd!important;background:#fff!important;border-radius:12px!important;min-height:46px!important;padding:11px 14px!important;color:#344054!important;font-size:15px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}textarea{min-height:110px!important}
input:focus,select:focus,textarea:focus{border-color:var(--ta-blue)!important;box-shadow:0 0 0 4px rgba(70,95,255,.12)!important;outline:none!important}
label{color:#344054!important;font-size:14px!important;font-weight:700!important}
.alert{border-radius:14px!important;padding:14px 16px!important;font-weight:700!important}.alert.ok{background:#ecfdf3!important;color:#027a48!important;border:1px solid #abefc6!important}.alert.error{background:#fef3f2!important;color:#b42318!important;border:1px solid #fecdca!important}
.status-pill.approved,.status-pill.active,.status-pill.checked_in,.status-pill.success{background:#ecfdf3!important;color:#027a48!important}.status-pill.pending,.status-pill.locked{background:#fffaeb!important;color:#b54708!important}.status-pill.rejected,.status-pill.failed,.status-pill.permanent_rejected{background:#fef3f2!important;color:#b42318!important}.status-pill.redeemed,.status-pill.used{background:#eff8ff!important;color:#175cd3!important}
.color-chart{background:#fff!important;border:0!important;border-radius:18px!important;height:230px!important;padding:22px 30px 42px!important}.color-bar{border-radius:8px 8px 0 0!important;background:#465fff!important;box-shadow:none!important}.color-bar:nth-child(2){background:#12b76a!important}.color-bar:nth-child(3){background:#f79009!important}.color-bar:nth-child(4){background:#f04438!important}.color-bar:nth-child(5){background:#7a5af8!important}
.pro-pass-card{border-radius:22px!important;border:1px solid var(--ta-border)!important;box-shadow:var(--ta-shadow)!important}.pro-pass-card.active{border-color:#465fff!important;background:radial-gradient(circle at 92% 4%,rgba(70,95,255,.14),transparent 32%),#fff!important}.pro-credit{background:#eef4ff!important;color:#465fff!important}.pro-title{color:#101828!important}.pro-pin{border-color:#d0d5dd!important;border-radius:16px!important}
.auth-shell{background:var(--ta-bg)!important;padding:42px!important}.auth-card{border:1px solid var(--ta-border)!important;border-radius:24px!important;box-shadow:var(--ta-shadow)!important}.auth-form{padding:46px!important}
@media(max-width:1000px){.adminlte-sidebar{transform:translateX(-105%);transition:.25s ease}.adminlte-sidebar.open{transform:translateX(0)}.adminlte-main{margin-left:0!important;width:100%!important}.adminlte-title:after,.adminlte-title:before{display:none!important}.adminlte-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.adminlte-kpis{grid-template-columns:1fr!important}.adminlte-content{padding:18px!important}}


/* DARK/LIGHT MODE + NOTIFICATION + PROFILE DROPDOWN */
body.dark-mode{
  --ta-bg:#0b1220;
  --ta-card:#111827;
  --ta-dark:#f9fafb;
  --ta-text:#e5e7eb;
  --ta-muted:#98a2b3;
  --ta-border:#1f2937;
}
body.dark-mode,
body.dark-mode .adminlte-body,
body.dark-mode .adminlte-shell,
body.dark-mode .adminlte-main,
body.dark-mode .adminlte-content{background:#0b1220!important;color:#e5e7eb!important}
body.dark-mode .adminlte-sidebar,
body.dark-mode .adminlte-topbar,
body.dark-mode .adminlte-card,
body.dark-mode .card,
body.dark-mode .adminlte-kpi,
body.dark-mode .auth-card,
body.dark-mode .auth-form{
  background:#111827!important;
  border-color:#1f2937!important;
  color:#e5e7eb!important;
}
body.dark-mode .adminlte-brand,
body.dark-mode .adminlte-title h1,
body.dark-mode .adminlte-card h2,
body.dark-mode .adminlte-kpi b,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3{color:#f9fafb!important}
body.dark-mode .adminlte-profile,
body.dark-mode .adminlte-nav a,
body.dark-mode .table th,
body.dark-mode .table td,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea{
  background:#0f172a!important;
  color:#e5e7eb!important;
  border-color:#273244!important;
}
body.dark-mode .adminlte-nav a:hover,
body.dark-mode .adminlte-nav a.active{background:#1d2b5f!important;color:#dbeafe!important}
body.dark-mode .table{border-color:#273244!important}
body.dark-mode .table th{background:#0f172a!important}
body.dark-mode .adminlte-title:after{background:#0f172a!important;border-color:#273244!important;color:#98a2b3!important}

.wf-top-actions{display:flex;align-items:center;gap:14px;margin-left:18px}
.wf-icon-btn{
  width:48px;height:48px;border:1px solid #eaecf0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;color:#667085;
  cursor:pointer;position:relative;transition:.2s ease;font-size:18px;
}
.wf-icon-btn:hover{background:#eef4ff;color:#465fff}
body.dark-mode .wf-icon-btn{background:#0f172a;border-color:#273244;color:#cbd5e1}
.wf-badge{
  position:absolute;right:5px;top:4px;background:#f04438;color:#fff;border:2px solid #fff;
  min-width:18px;height:18px;border-radius:999px;font-size:10px;font-weight:900;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
}
body.dark-mode .wf-badge{border-color:#111827}
.wf-dropdown{
  position:absolute;right:0;top:58px;width:340px;background:#fff;border:1px solid #eaecf0;
  border-radius:18px;box-shadow:0 18px 50px rgba(16,24,40,.16);padding:14px;display:none;z-index:999;
}
.wf-dropdown.open{display:block}
body.dark-mode .wf-dropdown{background:#111827;border-color:#273244;color:#e5e7eb}
.wf-dropdown h4{margin:4px 6px 12px;color:#101828;font-size:16px}
body.dark-mode .wf-dropdown h4{color:#fff}
.wf-notification-item{
  padding:12px;border-radius:14px;background:#f9fafb;margin-bottom:8px;border:1px solid #f2f4f7;
}
body.dark-mode .wf-notification-item{background:#0f172a;border-color:#273244}
.wf-notification-item b{display:block;font-size:14px;color:#101828}
body.dark-mode .wf-notification-item b{color:#fff}
.wf-notification-item small{color:#667085;line-height:1.4}
.wf-profile-wrap{position:relative}
.wf-profile-trigger{
  display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:999px;
  transition:.2s ease;
}
.wf-profile-trigger:hover{background:#f2f4f7}
body.dark-mode .wf-profile-trigger:hover{background:#0f172a}
.wf-avatar{
  width:44px;height:44px;border-radius:50%;background:#eef4ff;color:#465fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;
}
.wf-profile-name{color:#344054;font-weight:800;font-size:14px}
body.dark-mode .wf-profile-name{color:#e5e7eb}
.wf-profile-menu a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;
  color:#344054;text-decoration:none;font-weight:700;
}
.wf-profile-menu a:hover{background:#eef4ff;color:#465fff}
body.dark-mode .wf-profile-menu a{color:#e5e7eb}
body.dark-mode .wf-profile-menu a:hover{background:#1d2b5f;color:#dbeafe}
.wf-user-card{padding:12px;border-radius:14px;background:#f9fafb;margin-bottom:10px}
body.dark-mode .wf-user-card{background:#0f172a}


/* PROFILE EDIT FIX */
.profile-hero{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid var(--ta-border,#eaecf0);
  border-radius:20px;
  background:linear-gradient(135deg,#eef4ff,#ffffff);
  margin-bottom:22px;
}
body.dark-mode .profile-hero{background:linear-gradient(135deg,#111827,#0f172a)}
.profile-avatar-big{
  width:88px;height:88px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#465fff;color:#fff;font-size:34px;font-weight:900;
  box-shadow:0 14px 30px rgba(70,95,255,.22);
}
.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.profile-full{grid-column:1/-1}
@media(max-width:720px){.profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar-big{margin:auto}.profile-form-grid{grid-template-columns:1fr}}


/* FONT WEIGHT NORMALIZATION FIX */
body,
input,
select,
textarea,
button,
.table td,
.table th,
.adminlte-nav a,
.adminlte-profile,
.adminlte-title p,
.muted,
.pro-meta{
  font-weight:400!important;
}
label,
.btn,
button,
.status-pill,
.pro-status,
.pro-credit,
.wf-profile-name,
.wf-profile-menu a{
  font-weight:500!important;
}
.adminlte-title h1,
.adminlte-card h2,
.adminlte-card h3,
.card h2,
.card h3,
.profile-hero h2,
.pro-title{
  font-weight:600!important;
}
.adminlte-brand,
.adminlte-kpi b,
.logo,
.profile-avatar-big,
.wf-avatar{
  font-weight:700!important;
}
.adminlte-kpi span,
.table th,
.adminlte-nav:before{
  font-weight:500!important;
}
.pro-pin{
  font-weight:600!important;
}
b,strong{
  font-weight:600!important;
}

/* FINAL FUNCTIONAL FIXES */
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.soft-box{background:#f9fafb;border:1px solid #eaecf0;border-radius:16px;padding:16px}
body.dark-mode .soft-box{background:#0f172a;border-color:#273244}
.locked-action{opacity:.55;pointer-events:none}.inline-note{font-size:13px;color:#667085;margin-top:6px}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}}


/* FORM VALIDATION + PASSWORD TOGGLE + KYC PHOTO */
.field-error{color:#b42318;font-size:13px;margin-top:6px;display:none}
input.invalid,select.invalid,textarea.invalid{border-color:#f04438!important;box-shadow:0 0 0 4px rgba(240,68,56,.12)!important}
.password-wrap{position:relative}
.password-wrap input{padding-right:52px!important}
.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0!important;border-radius:10px!important;background:#f2f4f7!important;color:#344054!important;padding:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
.kyc-note{background:#eff8ff;border:1px solid #b2ddff;color:#175cd3;border-radius:16px;padding:16px;margin-bottom:18px;line-height:1.6}
.photo-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #eef4ff;background:#f2f4f7}
.doc-preview{max-width:120px;max-height:90px;border-radius:12px;border:1px solid #eaecf0;object-fit:cover}


/* CLEAN TAB MODULE UI */
.wf-tab-shell{background:#fff;border:1px solid #eaecf0;border-radius:24px;box-shadow:0 12px 30px rgba(16,24,40,.06);overflow:hidden}
.wf-tab-nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px;border-bottom:1px solid #eef2f6;background:#fbfcff}
.wf-tab-btn{border:1px solid #eaecf0;background:#fff;border-radius:14px;padding:12px 18px;font-weight:600;color:#344054;cursor:pointer;transition:.2s}
.wf-tab-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,24,40,.08)}
.wf-tab-btn.active{background:#ffcc00;border-color:#ffcc00;color:#101828}
.wf-tab-panel{display:none;padding:24px}
.wf-tab-panel.active{display:block}
.wf-clean-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wf-clean-card{background:#fff;border:1px solid #eaecf0;border-radius:20px;padding:20px}
.wf-note-card{background:#ecfdf3;border:1px solid #abefc6;border-radius:18px;padding:18px;color:#027a48;line-height:1.6}
.wf-info-card{background:#eff8ff;border:1px solid #b2ddff;border-radius:18px;padding:18px;color:#175cd3;line-height:1.6}
.wf-table-wrap{overflow-x:auto;border:1px solid #eaecf0;border-radius:18px}
.wf-table-wrap table{margin:0;min-width:900px}
.wf-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;background:#f2f4f7;color:#344054}
.wf-badge.paid,.wf-badge.approved{background:#dcfae6;color:#067647}
.wf-badge.pending{background:#fef0c7;color:#b54708}
.wf-badge.rejected,.wf-badge.cancelled{background:#fee4e2;color:#b42318}
@media(max-width:900px){.wf-clean-grid{grid-template-columns:1fr}.wf-tab-panel{padding:16px}}


/* 2026 checkout/auth polish */
.split-auth-shell,.checkout-shell{min-height:100vh;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff7d6)}
.split-auth-card,.checkout-card{max-width:1180px;grid-template-columns:1fr 1fr;border-radius:34px}
.split-auth-card .auth-form,.checkout-card .auth-form{padding:42px;display:flex;flex-direction:column;justify-content:center}
.split-auth-card .auth-form form{max-width:520px;width:100%;margin:0 auto}
.login-hero-panel,.register-hero-panel,.checkout-summary-panel{background:linear-gradient(135deg,#111827,#303846)!important;align-items:center;justify-content:center;min-height:620px}
.login-hero-panel:after,.register-hero-panel:after{content:"";position:absolute;inset:34px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),url('../city-images/all-center-img.png') center/cover;opacity:.42}
.login-hero-panel .visual-content,.register-hero-panel .visual-content{background:rgba(17,24,39,.62);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:28px;backdrop-filter:blur(8px)}
.register-form .reg-wrap.embedded-reg{background:transparent!important}.register-form h1,.checkout-form h1{font-size:36px;margin:0 0 8px;letter-spacing:-.04em}.register-form p,.checkout-form p{line-height:1.5}
.checkout-card{grid-template-columns:1.08fr .92fr}.checkout-form form{max-width:620px;width:100%;margin:0 auto}.checkout-section{border:1px solid #edf0f5;background:#fff;border-radius:22px;padding:18px;margin:14px 0}.checkout-section h3{margin:0 0 12px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.active-coupon{display:grid!important;margin:14px 0}.parking-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.parking-option{display:flex!important;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#f9fafb;cursor:pointer;text-transform:none;color:#111827}.parking-option input{width:auto;margin:0}.parking-option span{display:flex;flex-direction:column;gap:4px}.parking-option small{color:#667085;font-weight:800}.parking-option:has(input:checked){border-color:#ffcc00;background:#fff9db;box-shadow:0 0 0 4px rgba(255,204,0,.14)}.terms-check{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0;text-transform:none;color:#111827}.terms-check input{width:auto;margin:3px 0 0}.terms-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:9999;align-items:center;justify-content:center}.terms-dialog{max-width:720px;background:#fff;border-radius:24px;padding:28px;margin:20px}.order-summary-card{position:relative;z-index:5;width:min(460px,100%);background:rgba(255,255,255,.94);color:#111827;border-radius:30px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.summary-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5e7eb;padding-bottom:18px;margin-bottom:16px}.summary-head span{font-size:13px;text-transform:uppercase;font-weight:900;color:#667085}.summary-head b{font-size:34px}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed #e5e7eb}.summary-line.discount b{color:#166534}.summary-total{border:0;margin-top:12px;background:#111827;color:#fff;border-radius:18px;padding:18px}.summary-total b{font-size:24px}.order-summary-card p{color:#667085;line-height:1.55;margin-bottom:0}.full{width:100%}
@media(max-width:980px){.split-auth-card,.checkout-card{grid-template-columns:1fr}.login-hero-panel,.register-hero-panel,.checkout-summary-panel{min-height:320px;order:-1}.checkout-grid,.parking-options{grid-template-columns:1fr}.split-auth-card .auth-form,.checkout-card .auth-form{padding:26px}.register-form .grid{grid-template-columns:1fr}.summary-head b{font-size:28px}}
@media(max-width:560px){.split-auth-shell,.checkout-shell{padding:10px}.split-auth-card,.checkout-card{border-radius:22px}.login-hero-panel,.register-hero-panel,.checkout-summary-panel{min-height:260px;padding:22px}.order-summary-card{padding:20px;border-radius:22px}.form-actions{flex-direction:column}.btn{width:100%}.register-form h1,.checkout-form h1{font-size:30px}}

/* Handwritten correction polish */
.gate-pass-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);min-width:130px}.gate-pass-card img{width:92px;height:92px}.table input,.table select{min-width:110px}.auth-shell{min-height:100vh}.split-auth-card{max-width:1100px}.register-form .grid{gap:10px}.checkout-card{max-width:1080px}.checkout-form{padding:26px}.checkout-summary{position:sticky;top:20px}.soft-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin:12px 0}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.full{flex:1}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(max-width:768px){.adminlte-grid-2,.detail-grid,.wf-clean-grid{grid-template-columns:1fr!important}.table{font-size:13px}.table th,.table td{padding:8px}.auth-card,.checkout-card,.split-auth-card{border-radius:0;min-height:100vh}.auth-visual{display:none}.form-actions .btn{width:100%}}
/* Latest Workapass corrections */
.gate-pass-id{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 14px 36px rgba(15,23,42,.10);max-width:390px}
.gate-pass-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.gate-pass-top b{font-size:22px}.gate-pass-top span{display:block;font-size:12px;font-weight:800;color:#f0b900;letter-spacing:2px}.gate-pass-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#111;color:#f6c700;font-weight:900}.gate-pass-title{text-align:center;font-weight:900;font-size:20px;margin:14px 0}.gate-pass-body{display:flex;gap:14px}.gate-pass-photo{width:92px;height:110px;border-radius:14px;object-fit:cover;border:1px solid #ddd;background:#f8fafc}.gate-pass-photo.placeholder{display:grid;place-items:center;color:#999}.gate-pass-info{display:flex;flex-direction:column;gap:5px;min-width:0}.gate-pass-info b{font-size:18px}.gate-pass-info small{color:#475569}.gate-pass-qr{margin-top:16px;display:flex;align-items:center;gap:16px;background:#f8fafc;border-radius:16px;padding:12px}.gate-pass-qr img{border-radius:10px;background:white}.gate-pass-qr small{display:block;color:#64748b;margin-top:4px}.wf-table-wrap{overflow-x:auto}.legal-table-wrap,.table-responsive{overflow-x:auto}.table td,.table th{vertical-align:top}.parking-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.parking-option{border:1px solid #e5e7eb;border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center;background:#fff}.parking-option span{display:flex;flex-direction:column}.parking-option small{color:#64748b}.auth-card input,.auth-card select,.auth-card textarea{max-width:100%}@media(max-width:760px){.gate-pass-id{max-width:none}.gate-pass-body,.gate-pass-qr{flex-direction:column;align-items:flex-start}.detail-grid,.checkout-grid{grid-template-columns:1fr!important}.adminlte-content{padding:14px}.table{font-size:13px}}

/* UI REVAMP: Chennai only + split image/form auth pages */
.split-auth-shell,.checkout-shell{
    min-height:100vh!important;
    padding:18px!important;
    background:linear-gradient(135deg,#f7f8fb 0%,#fff 52%,#fff8db 100%);
}
.split-auth-card,.checkout-card{
    max-width:1180px!important;
    min-height:calc(100vh - 36px);
    grid-template-columns:.95fr 1.05fr!important;
    border-radius:34px!important;
    box-shadow:0 28px 90px rgba(15,23,42,.14)!important;
}
.auth-visual{
    order:1!important;
    min-height:calc(100vh - 36px)!important;
    align-items:flex-end!important;
    background-size:cover!important;
    background-position:center!important;
    isolation:isolate;
}
.auth-form{
    order:2!important;
    padding:26px 34px!important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.auth-form form{max-width:100%!important;width:100%;}
.login-hero-panel{background-image:linear-gradient(0deg,rgba(15,23,42,.15),rgba(15,23,42,.15)),url('../images/login-workspace.svg')!important;}
.register-hero-panel{background-image:linear-gradient(0deg,rgba(15,23,42,.12),rgba(15,23,42,.12)),url('../images/register-workspace.svg')!important;}
.checkout-summary-panel{background-image:linear-gradient(0deg,rgba(15,23,42,.14),rgba(15,23,42,.14)),url('../images/checkout-workspace.svg')!important;}
.auth-form h1,.reg-wrap h1{font-size:32px!important;letter-spacing:-.04em!important;margin-bottom:6px!important;color:#101828!important;}
.auth-form p,.reg-wrap p{font-size:14px!important;margin-bottom:16px!important;}
.auth-form input,.auth-form select,.auth-form textarea,.checkout-form input{
    height:44px!important;
    border-radius:14px!important;
    border:1px solid #d9dee7!important;
    background:#fff!important;
    box-shadow:0 1px 0 rgba(16,24,40,.03)!important;
}
.auth-form label,.checkout-form label{font-size:12px;font-weight:800;color:#475467;margin:8px 0 5px;display:block;}
.login-hero-panel .visual-content,.register-hero-panel .visual-content{background:rgba(15,23,42,.40);padding:24px;border-radius:24px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.login-hero-panel .visual-content h2,.register-hero-panel .visual-content h2{font-size:30px!important;}
.register-form{align-items:center!important;}
.register-form .reg-wrap{width:100%!important;max-width:620px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;}
.register-form .grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
.register-form input{height:42px!important;font-size:14px!important;}
.register-form .btn{height:48px!important;margin-top:14px!important;border-radius:14px!important;}
.register-form .eye{top:8px!important;right:10px!important;}
.checkout-card{grid-template-columns:.9fr 1.1fr!important;}
.checkout-form{width:100%;}
.checkout-form form{max-width:640px!important;}
.checkout-section{background:#fff;border:1px solid #edf0f5;border-radius:18px;padding:13px 14px;margin:10px 0;}
.checkout-section h3{margin:0 0 8px;font-size:15px;letter-spacing:-.02em;}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.parking-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.parking-option{border:1px solid #e5e7eb;border-radius:16px;padding:10px;display:flex!important;align-items:center;gap:8px;background:#fff;cursor:pointer;}
.parking-option input{width:auto!important;height:auto!important;min-height:auto!important;}
.parking-option span{display:flex;flex-direction:column;gap:2px;}
.parking-option small{color:#667085;font-weight:700;}
.coupon-row.active-coupon{display:grid!important;grid-template-columns:1fr auto!important;gap:10px;margin:10px 0;}
.terms-check{display:flex!important;gap:10px;align-items:center;margin:10px 0!important;font-weight:700;color:#475467;}
.terms-check input{width:auto!important;height:auto!important;min-height:auto!important;}
.order-summary-card{background:rgba(255,255,255,.94);color:#101828;border:1px solid rgba(255,255,255,.55);box-shadow:0 28px 60px rgba(0,0,0,.22);border-radius:28px;padding:24px;width:100%;backdrop-filter:blur(8px)}
.summary-head,.summary-line,.summary-total{display:flex;justify-content:space-between;gap:20px;align-items:center;}
.summary-head{font-size:18px;margin-bottom:14px;}
.summary-line{padding:9px 0;border-bottom:1px dashed #e5e7eb;color:#475467;}
.summary-line b{color:#101828;}
.summary-total{margin-top:14px;padding:15px;border-radius:18px;background:#111827;color:#fff;font-size:18px;font-weight:900;}
.summary-total b{color:#ffcc00;}
.order-summary-card p{color:#667085;margin:14px 0 0;line-height:1.5;font-size:13px;}
.coming-soon-box{border:1px solid #fde68a!important;background:linear-gradient(135deg,#fff,#fff8db)!important;}
.coming-soon-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;}
.coming-soon-form input{height:48px;border:1px solid #d0d5dd;border-radius:15px;padding:0 14px;font-size:14px;}
.coming-soon-form .btn{height:48px;border-radius:15px;}
.city-choice.coming-soon-trigger{opacity:.82;position:relative;}
.city-choice.coming-soon-trigger:hover{opacity:1;}
.city-choice.coming-soon-trigger .badge{margin-bottom:8px;display:inline-flex;}
@media(max-width:980px){
    .split-auth-card,.checkout-card{grid-template-columns:1fr!important;min-height:auto!important;}
    .auth-visual{min-height:260px!important;order:1!important;}
    .auth-form{order:2!important;padding:24px!important;}
    .register-form .grid,.checkout-grid,.parking-options{grid-template-columns:1fr!important;}
    .coming-soon-form{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
    .split-auth-shell,.checkout-shell{padding:0!important;}
    .split-auth-card,.checkout-card{border-radius:0!important;min-height:100vh!important;border:0!important;}
    .auth-visual{min-height:210px!important;padding:22px!important;}
    .auth-form{padding:20px!important;align-items:flex-start!important;}
    .auth-form h1,.reg-wrap h1{font-size:25px!important;}
    .form-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;}
    .form-actions .btn{width:100%;}
    .checkout-section{padding:12px!important;margin:8px 0!important;}
    .top{position:relative!important;}
}

/* Final UX correction: package highlights, register login CTA, polished WooCommerce-style checkout */
.package-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.package-highlights span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f4d24b;background:#fff8d6;color:#111827;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;box-shadow:0 6px 16px rgba(246,201,14,.14)}
.reg-login-btn{display:flex!important;align-items:center;justify-content:center;margin-top:10px;text-decoration:none;background:#fff!important;border:1px solid #d0d5dd!important;color:#111827!important}
.wc-checkout-shell{padding:18px!important;background:linear-gradient(135deg,#f7f9fc 0%,#fffaf0 100%)!important}
.wc-checkout-card{max-width:1160px!important;min-height:calc(100vh - 36px);display:grid!important;grid-template-columns:1.05fr .95fr!important;overflow:hidden!important;border-radius:32px!important;background:#fff!important}
.wc-checkout-form{padding:28px 34px!important;justify-content:center!important}
.checkout-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.checkout-title-row h1{font-size:32px;margin:0 0 4px;letter-spacing:-.04em}.checkout-title-row p{margin:0}.btn.compact{width:auto!important;padding:10px 14px;height:auto!important;border-radius:999px!important}
.wc-form{max-width:650px!important;margin:0 auto!important}.wc-block{border:0!important;border-bottom:1px solid #edf0f5!important;border-radius:0!important;background:transparent!important;padding:11px 0!important;margin:0!important}.wc-block h3{font-size:14px!important;text-transform:uppercase;letter-spacing:.08em;color:#667085;margin:0 0 10px!important}.wc-field-grid{gap:10px!important}.wc-field-grid input,.wc-coupon-row input{height:42px!important;border-radius:12px!important;background:#fbfcfe!important}.wc-package-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.wc-package-line b{display:block;font-size:17px}.wc-package-line small{display:block;color:#667085;margin-top:4px}.wc-package-line strong{font-size:20px}.wc-coupon-row{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:end}.wc-coupon-row .btn{height:42px!important;width:auto!important;margin:0!important;border-radius:12px!important}.mini-note{font-size:12px;margin:-4px 0 10px!important}.wc-parking-options{grid-template-columns:repeat(3,1fr)!important;gap:9px!important}.wc-parking-options .parking-option{border-radius:16px!important;padding:12px!important;background:#fff!important}.wc-parking-options .parking-option b{font-size:13px}.wc-parking-options .parking-option small{font-size:12px}.wc-terms{margin:12px 0!important}.wc-pay-btn{height:50px!important;border-radius:14px!important;font-size:16px!important}.wc-summary-panel{background-image:linear-gradient(135deg,rgba(0,0,0,.42),rgba(0,0,0,.25)),url('../images/checkout-workspace.svg');background-size:cover;background-position:center;padding:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.wc-order-summary{max-width:430px!important;border-radius:26px!important;padding:24px!important}.wc-order-summary .summary-head{padding-bottom:14px!important;margin-bottom:10px!important}.wc-order-summary .summary-head b{font-size:30px!important}.wc-order-summary .summary-line{padding:9px 0!important;font-size:14px}.wc-order-summary .summary-total{padding:15px!important;border-radius:16px!important}.wc-order-summary p{font-size:12px!important}.auth-visual.register-hero-panel{background-image:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.2)),url('../images/register-workspace.svg');background-size:cover;background-position:center}.auth-visual.login-hero-panel{background-image:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.2)),url('../images/login-workspace.svg');background-size:cover;background-position:center}
@media(max-width:980px){.wc-checkout-card{grid-template-columns:1fr!important}.wc-summary-panel{order:-1;min-height:280px!important}.wc-checkout-form{padding:24px!important}.wc-parking-options{grid-template-columns:1fr!important}.checkout-title-row h1{font-size:28px}}
@media(max-width:560px){.wc-checkout-shell{padding:0!important}.wc-checkout-card{border-radius:0!important;min-height:100vh!important}.wc-summary-panel{display:none!important}.wc-field-grid,.wc-coupon-row{grid-template-columns:1fr!important}.wc-coupon-row .btn{width:100%!important}.package-highlights span{font-size:12px;padding:7px 10px}}


/* ===== WorkaPass V2 Premium UI Overhaul ===== */
:root{--wp-navy:#071236;--wp-text:#10183f;--wp-muted:#667085;--wp-yellow:#ffb800;--wp-yellow2:#ffc600;--wp-border:#e7eaf1;--wp-soft:#f7f9fc;--wp-card:#ffffff;--wp-shadow:0 18px 60px rgba(7,18,54,.09);--wp-radius:22px}
body.wp-v2-body{background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);color:var(--wp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;min-height:100vh}
.wp-v2-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--wp-border);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}
.wp-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--wp-navy);font-weight:900;font-size:29px;letter-spacing:-.03em}.wp-brand img{height:44px;width:auto;object-fit:contain}.wp-brand small{display:block;font-size:9px;letter-spacing:0;color:#667085;margin-top:-5px}.wp-nav-links{display:flex;align-items:center;gap:34px;font-weight:700}.wp-nav-links a{color:var(--wp-navy);text-decoration:none}.wp-new{background:var(--wp-yellow);padding:4px 7px;border-radius:7px;margin-left:6px;font-size:12px}.wp-login-btn{border:1px solid #d8deea;border-radius:14px;padding:14px 30px;color:var(--wp-navy);text-decoration:none;font-weight:800;background:#fff;box-shadow:0 8px 24px rgba(7,18,54,.04)}
.wp-shell{max-width:1520px;margin:0 auto;padding:40px 54px 26px}.wp-step{display:inline-flex;align-items:center;gap:12px;font-weight:800;margin-bottom:18px}.wp-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wp-navy);color:#fff}.wp-title{font-size:54px;line-height:1.04;letter-spacing:-.055em;margin:0 0 12px;color:var(--wp-navy)}.wp-subtitle{font-size:20px;color:#27324e;margin:0 0 26px}.wp-hero-grid{display:grid;grid-template-columns:minmax(420px,520px) 1fr;gap:60px;align-items:center;min-height:680px}.wp-city-search{height:54px;border:1px solid #d7ddeb;border-radius:13px;width:100%;padding:0 18px;font-size:15px;margin-bottom:20px;box-sizing:border-box}.wp-city-list{display:grid;gap:10px}.wp-city-card{display:grid;grid-template-columns:82px 1fr 38px;gap:16px;align-items:center;border:1px solid var(--wp-border);border-radius:14px;background:#fff;padding:10px 16px;box-shadow:0 10px 25px rgba(7,18,54,.05);cursor:pointer;text-align:left;color:var(--wp-text);transition:.2s}.wp-city-card:hover,.wp-city-card.active{border-color:var(--wp-yellow);box-shadow:0 12px 34px rgba(255,184,0,.15)}.wp-city-card img{width:82px;height:54px;object-fit:contain}.wp-city-card b{display:block;font-size:16px;margin-bottom:3px}.wp-city-card small{color:#3b4666;line-height:1.25}.wp-chevron{font-size:24px;color:var(--wp-yellow);font-weight:900}.wp-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--wp-yellow);color:#fff;font-weight:900}.wp-continue{height:58px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffc21a,#ffad00);font-weight:900;font-size:17px;margin-top:14px;width:100%;cursor:pointer;box-shadow:0 14px 30px rgba(255,184,0,.28)}.wp-trust{display:flex;gap:10px;align-items:center;color:#7a849c;font-weight:700;margin-top:18px}.wp-visual{min-height:520px;border-radius:30px;background:radial-gradient(circle at 55% 45%,rgba(255,184,0,.24),transparent 18%),linear-gradient(135deg,#f6f9ff,#fff);position:relative;overflow:hidden}.wp-visual:before{content:"";position:absolute;inset:0;background:url('../city-images/all-center-img.png') center/contain no-repeat;opacity:.52}.wp-pin{position:absolute;left:42%;top:45%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:52% 52% 52% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#ffc81a,#ff9f00);box-shadow:0 24px 50px rgba(255,184,0,.34)}.wp-pin:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:#fff;left:46px;top:46px}.wp-feature-strip{border-top:1px solid var(--wp-border);background:rgba(255,255,255,.82);display:flex;justify-content:center;gap:90px;padding:20px 24px;color:#1b2545;font-weight:800}.wp-feature-strip span:before{content:'◈';display:inline-grid;place-items:center;margin-right:10px;width:30px;height:30px;border-radius:9px;background:#edf0f6;color:#69728b}
.wp-package-page{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;min-height:690px}.wp-package-visual{min-height:600px;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#fff);position:relative;overflow:hidden}.wp-package-visual:before{content:"";position:absolute;inset:0;background:url('../city-images/all-center-img.png') center/contain no-repeat;opacity:.55}.wp-card-float{position:absolute;left:22%;top:37%;width:310px;height:210px;border-radius:24px;background:linear-gradient(145deg,#071236,#1d2d5b);box-shadow:0 30px 70px rgba(7,18,54,.25);color:#fff;padding:28px;box-sizing:border-box;transform:rotate(-7deg)}.wp-card-float b{font-size:24px}.wp-selected-city{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;border:1px solid var(--wp-border);border-radius:16px;background:#fff;padding:14px 22px;margin:0 0 26px}.wp-selected-city img{width:82px;height:54px;object-fit:contain}.wp-change{border:0;background:#fff;color:#0759ff;font-weight:800}.wp-pass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wp-pass-card{border:1px solid var(--wp-border);border-radius:16px;background:#fff;padding:24px;min-height:200px;position:relative;box-shadow:0 10px 28px rgba(7,18,54,.04);cursor:pointer;transition:.2s}.wp-pass-card:hover,.wp-pass-card.selected{border-color:var(--wp-yellow);box-shadow:0 22px 50px rgba(255,184,0,.13)}.wp-popular{position:absolute;top:-12px;left:18px;background:#fff2c9;border:1px solid #ffd160;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:900}.wp-price{font-size:33px;font-weight:950;letter-spacing:-.04em;margin:18px 0 12px;color:var(--wp-navy)}.wp-pill-highlights{display:flex;gap:8px;flex-wrap:wrap}.wp-pill-highlights span{background:#f0f3f8;border-radius:999px;padding:7px 11px;font-weight:800;color:#3b4666}.wp-benefits{margin-top:24px;border:1px solid var(--wp-border);border-radius:16px;padding:22px;background:#fff}.wp-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.wp-benefits-grid div:before{content:'✓';color:#ffae00;font-weight:900;margin-right:10px}.wp-amenities{display:flex;justify-content:space-around;border:1px solid var(--wp-border);border-radius:14px;background:#fff;margin-top:16px;padding:14px;font-weight:800}.wp-hidden{display:none!important}.wp-soon-form{margin-top:22px;border:1px dashed #ffbf2b;background:#fffaf0;border-radius:16px;padding:18px}.wp-soon-form .grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px}.wp-soon-form input{height:48px;border:1px solid #d7ddeb;border-radius:12px;padding:0 14px}.wp-alert{padding:14px 16px;border-radius:14px;margin:14px 0;font-weight:800}.wp-alert.ok{background:#ecfdf3;color:#027a48}.wp-alert.error{background:#fff1f3;color:#b42318}
.wp-auth-main{display:grid;grid-template-columns:minmax(430px,580px) 1fr;gap:58px;align-items:center;max-width:1480px;margin:0 auto;padding:48px 56px;min-height:690px}.wp-auth-form{max-width:520px}.wp-auth-form h1{font-size:54px;line-height:1.05;letter-spacing:-.055em;margin:0 0 14px;color:var(--wp-navy)}.wp-auth-form p{font-size:19px;color:#47516e;margin:0 0 30px}.wp-field{margin-bottom:18px}.wp-field label{display:block;font-weight:800;margin-bottom:9px}.wp-input-wrap{position:relative}.wp-input-wrap input,.wp-input-wrap select,.wp-auth-form input{width:100%;height:58px;border:1px solid #d6dce8;border-radius:12px;padding:0 18px;font-size:16px;box-sizing:border-box;background:#fff}.wp-auth-form input:focus,.wp-input-wrap input:focus{outline:none;border-color:var(--wp-yellow);box-shadow:0 0 0 4px rgba(255,184,0,.16)}.wp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wp-btn-primary{height:60px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffc21a,#ffac00);font-size:17px;font-weight:950;color:#111827;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px rgba(255,184,0,.24)}.wp-btn-outline{height:56px;border:1px solid #d6dce8;border-radius:12px;background:#fff;font-weight:850;color:var(--wp-navy);text-decoration:none;display:flex;align-items:center;justify-content:center}.wp-auth-actions{display:grid;gap:14px;margin-top:18px}.wp-auth-visual{min-height:520px;border-radius:30px;background:linear-gradient(135deg,#f8fbff,#fff);position:relative;overflow:hidden}.wp-auth-visualsss:before{content:"";position:absolute;inset:0;background:url('../city-images/all-center-img.png') center/contain no-repeat;opacity:.55}.wp-auth-visual.register{background:url('../images/register-workspace.png') center/cover no-repeat!important;}.wp-auth-copy{position:absolute;left:38px;bottom:38px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.75);border-radius:20px;padding:24px;max-width:410px;box-shadow:var(--wp-shadow)}.wp-auth-copy h2{font-size:36px;margin:0 0 10px;color:var(--wp-navy);letter-spacing:-.04em}.wp-auth-copy p{color:#47516e;margin:0}.wp-mini-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px}.wp-mini-row a{color:#0759ff;text-decoration:none;font-weight:800}.wp-checkline{display:flex;align-items:center;gap:10px;color:#3b4666;font-weight:700}.wp-checkline input{width:22px;height:22px;accent-color:var(--wp-yellow)}
.wp-checkout-main{display:grid;grid-template-columns:minmax(520px,1fr) minmax(420px,600px);gap:70px;align-items:center;max-width:1480px;margin:0 auto;padding:34px 56px;min-height:720px}.wp-order-card{border:1px solid var(--wp-border);border-radius:14px;background:#fff;padding:18px 22px;margin:18px 0;display:grid;grid-template-columns:82px 1fr auto;gap:18px;align-items:center}.wp-order-card img{width:74px;height:52px;object-fit:contain}.wp-order-meta{display:flex;gap:24px;color:#27324e;font-weight:800;margin-top:8px}.wp-addons{border:1px solid var(--wp-border);border-radius:14px;background:#fff;overflow:hidden;margin:12px 0 18px}.wp-addon{display:grid;grid-template-columns:34px 45px 1fr auto;gap:8px;align-items:center;padding:13px 16px;border-bottom:1px solid #eef1f6;cursor:pointer}.wp-addon:last-child{border-bottom:0}.wp-addon input{width:22px;height:22px;accent-color:var(--wp-yellow)}.wp-addon-icon{font-size:24px}.wp-addon b{display:block}.wp-addon small{color:#667085}.wp-price-summary{border:1px solid var(--wp-border);border-radius:14px;background:#fff;padding:18px 22px;margin-top:14px}.wp-sum-line{display:flex;justify-content:space-between;margin:12px 0;color:#27324e}.wp-sum-total{border-top:1px solid #e8ecf3;margin-top:14px;padding-top:16px;display:flex;justify-content:space-between;font-size:22px;font-weight:950;color:var(--wp-navy)}.wp-payment-visual{min-height:620px;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(255,197,33,.25),transparent 28%),linear-gradient(145deg,#071236,#0b1741 60%,#040917);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:42px;box-sizing:border-box;box-shadow:0 30px 70px rgba(7,18,54,.22)}.wp-payment-visual h2{font-size:28px}.wp-card-stack{width:340px;height:215px;border-radius:22px;background:linear-gradient(145deg,#11245c,#071236);box-shadow:0 24px 60px rgba(0,0,0,.25);margin:0 auto 38px;display:grid;place-items:center;font-size:24px;font-weight:950;border:1px solid rgba(255,255,255,.08)}.wp-card-stack:before{content:'🔒';font-size:58px;color:#ffc21a;display:block}.wp-pay-logos{display:flex;justify-content:center;gap:12px;margin-top:26px}.wp-pay-logos span{background:#fff;color:#071236;border-radius:6px;padding:8px 14px;font-weight:950}.wp-success-main{display:grid;grid-template-columns:minmax(430px,600px) 1fr;gap:60px;align-items:center;max-width:1450px;margin:0 auto;padding:56px;min-height:650px}.wp-success-card{border:1px solid var(--wp-border);border-radius:18px;background:#fff;padding:26px;box-shadow:var(--wp-shadow);margin:24px 0}.wp-success-icon{width:72px;height:72px;border-radius:50%;background:#2ebf4f;color:#fff;display:grid;place-items:center;font-size:40px;font-weight:950;margin-bottom:12px}.wp-success-visual{min-height:500px;border-radius:30px;background:linear-gradient(135deg,#f6f9ff,#fff);position:relative;overflow:hidden}.wp-success-visual:before{content:"";position:absolute;inset:0;background:url('../city-images/all-center-img.png') center/contain no-repeat;opacity:.42}.wp-verified-card{position:absolute;left:18%;top:35%;background:linear-gradient(145deg,#071236,#172653);color:#fff;border-radius:28px;padding:44px 70px;text-align:center;font-size:30px;font-weight:950;box-shadow:0 30px 80px rgba(7,18,54,.25)}
@media(max-width:1050px){.wp-v2-nav{padding:0 18px}.wp-nav-links{display:none}.wp-shell,.wp-auth-main,.wp-checkout-main,.wp-success-main{padding:24px 18px}.wp-hero-grid,.wp-package-page,.wp-auth-main,.wp-checkout-main,.wp-success-main{grid-template-columns:1fr;min-height:auto}.wp-title,.wp-auth-form h1{font-size:38px}.wp-visual,.wp-package-visual,.wp-auth-visual,.wp-payment-visual,.wp-success-visual{min-height:320px}.wp-feature-strip{gap:16px;flex-wrap:wrap;font-size:13px}.wp-pass-grid{grid-template-columns:1fr}.wp-benefits-grid,.wp-form-grid,.wp-soon-form .grid{grid-template-columns:1fr}.wp-card-float{left:14%;top:30%;transform:scale(.8) rotate(-7deg);transform-origin:left top}.wp-auth-copy{position:relative;left:auto;bottom:auto;margin:22px}.wp-order-card{grid-template-columns:70px 1fr}.wp-order-card>strong{grid-column:2}.wp-payment-visual{order:2}.wp-addon{grid-template-columns:34px 38px 1fr auto}.wp-brand{font-size:22px}.wp-brand img{height:36px}.wp-login-btn{padding:10px 16px}.wp-city-card{grid-template-columns:70px 1fr 30px}.wp-city-card img{width:70px}.wp-amenities{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:640px){.wp-shell{padding-top:18px}.wp-hero-grid{gap:22px}.wp-title{font-size:34px}.wp-subtitle{font-size:16px}.wp-city-card{padding:9px 10px}.wp-feature-strip{justify-content:flex-start;padding:16px 18px}.wp-auth-main,.wp-checkout-main{padding-top:20px}.wp-auth-form h1{font-size:35px}.wp-auth-form p{font-size:16px}.wp-input-wrap input,.wp-auth-form input{height:52px}.wp-btn-primary{height:56px}.wp-payment-visual{min-height:380px}.wp-card-stack{width:260px;height:165px}.wp-pass-card{min-height:auto}.wp-amenities{font-size:13px}.wp-selected-city{grid-template-columns:70px 1fr}.wp-selected-city button{grid-column:2}.wp-selected-city img{width:70px}.wp-success-main{padding:24px 18px}.wp-verified-card{left:8%;right:8%;padding:32px 20px;font-size:24px}.wp-pin{width:110px;height:110px}.wp-pin:after{width:42px;height:42px;left:34px;top:34px}}

/* Final handwritten corrections patch */
.wf-home-tabs{display:flex;gap:12px;max-width:900px;margin:0 auto 18px;padding:8px;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:18px}.wf-home-tabs button{flex:1;border:0;background:transparent;border-radius:14px;padding:14px 18px;font-weight:900;color:#526078;cursor:pointer}.wf-home-tabs button.active{background:#071236;color:#fff;box-shadow:0 10px 26px rgba(7,18,54,.18)}.wf-home-panel{animation:wfSlideFade .28s ease}.wf-home-panel:not(.active){opacity:.98}.wf-highlight-buttons span,.package-highlights span{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px!important;background:#071236!important;color:#fff!important;padding:10px 14px!important;font-weight:950!important;margin:4px 6px 4px 0!important;border:1px solid rgba(255,184,0,.25)}.wf-highlight-buttons span:nth-child(2),.package-highlights span:nth-child(2){background:#ffb800!important;color:#071236!important}.wf-amenity-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.wf-amenity-row span{background:#fff9e8;border:1px solid #ffe1a1;color:#5b4300;border-radius:12px;padding:8px 10px;font-weight:800;font-size:13px}.product-card{border-color:#eef1f6!important}.product-card h2{color:#071236}.city-choice.active{border-color:#071236!important;box-shadow:0 18px 45px rgba(7,18,54,.14)!important}.city-choice.active:after{content:'Selected';display:inline-block;background:#071236;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;margin:0 16px 16px}.wf-modal{position:fixed;inset:0;background:rgba(7,18,54,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}.wf-modal.open{display:flex}.wf-modal-card{background:#fff;border-radius:22px;max-width:680px;width:100%;padding:24px;box-shadow:0 35px 90px rgba(0,0,0,.25);position:relative}.wf-modal-close{position:absolute;right:16px;top:14px;border:0;background:#f2f4f7;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.wf-modal-scroll{height:260px;overflow:auto;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin:14px 0;background:#f9fafb}.wf-pulse{animation:wfPulse .8s ease}.wp-checkout-main{align-items:start!important}.wp-checkout-main>section{width:100%}.wp-order-card,.wp-price-summary,.wp-addons{box-shadow:0 8px 24px rgba(7,18,54,.05)}.wp-addon{grid-template-columns:30px 40px 1fr 90px!important}.wp-addon>b{text-align:right}.wf-loader-overlay{position:fixed;inset:0;background:rgba(7,18,54,.65);display:none;align-items:center;justify-content:center;z-index:9999}.wf-loader-overlay.open{display:flex}.wf-loader-card{background:#fff;border-radius:22px;padding:30px;text-align:center;min-width:280px;box-shadow:0 35px 90px rgba(0,0,0,.28);display:grid;gap:10px}.wf-spinner{width:54px;height:54px;border-radius:50%;border:5px solid #eef1f6;border-top-color:#ffb800;margin:auto;animation:wfSpin .8s linear infinite}.wp-success-clean{min-height:690px;display:flex;align-items:center;justify-content:center;padding:42px 18px;background:linear-gradient(135deg,#fff,#f7f9ff)}.wp-success-box{width:min(720px,100%);text-align:center;background:#fff;border:1px solid #e6ebf3;border-radius:28px;padding:38px;box-shadow:0 25px 70px rgba(7,18,54,.10)}.wp-success-box .wp-success-icon{margin:0 auto 14px}.wp-success-box h1{font-size:46px;line-height:1.05;margin:8px 0;color:#071236}.wp-success-card.slim{box-shadow:none;text-align:left}.wp-success-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #eef1f6}.wp-success-row:last-child{border-bottom:0}.wp-success-row span{color:#667085;font-weight:800}.wp-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.wf-avatar{overflow:hidden}.wf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.kyc-split-window{margin-bottom:22px}.inline-note{font-size:12px;color:#667085;margin-top:6px}@keyframes wfSpin{to{transform:rotate(360deg)}}@keyframes wfSlideFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wfPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 6px rgba(255,184,0,.25)}}@media(max-width:800px){.wf-home-tabs,.wp-success-actions{grid-template-columns:1fr;display:grid}.wp-addon{grid-template-columns:28px 34px 1fr!important}.wp-addon>b{grid-column:3;text-align:left}.wp-success-box{padding:24px}.wp-success-box h1{font-size:34px}}


/* FINAL CLIENT CORRECTIONS - CLEAN UI + DASHBOARDS */
*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif!important;font-weight:600;color:#091431}.wp-v2-nav,.wp-feature-strip{display:none!important}.wp-v2-body{min-height:100vh;background:#fff}.wp-auth-main{min-height:100vh!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important;gap:0!important;align-items:stretch!important}.wp-auth-form{padding:42px 54px!important;display:flex;flex-direction:column;justify-content:center;max-height:100vh;overflow:auto}.wp-auth-visual{min-height:100vh!important;border-radius:0!important;background-size:cover!important;background-position:center!important}

.wp-auth-visual.register
{
    /*background:linear-gradient(0deg,rgba(8,20,48,.12),rgba(8,20,48,.12)),url('../images/register-workspace.jpg') center/cover no-repeat!important*/

}.wp-step{display:none!important}.wp-auth-form h1{font-size:42px;line-height:1.05;margin:0 0 8px;font-weight:900}.wp-auth-form p{margin:0 0 22px;color:#64748b}.wp-field{margin-bottom:13px}.wp-field label{display:none!important}.wp-field input,.wp-field select,.wp-field textarea,.wp-input-wrap input{height:48px;border:1px solid #d9e0ec;border-radius:12px;padding:0 14px;width:100%;font-weight:700;background:#fff}.wp-form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.wf-password-wrap{position:relative}.wf-password-wrap input{padding-right:48px!important}.wf-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-weight:900;cursor:pointer;color:#0b1433}.wp-checkline{display:flex;align-items:center;gap:8px;font-weight:700;margin:10px 0}.wp-auth-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.wp-btn-primary,.wp-btn-outline{border-radius:12px!important;height:50px!important;display:flex!important;align-items:center;justify-content:center;font-weight:900;text-decoration:none}.wp-btn-primary{background:#ffb800!important;color:#07122f!important;border:1px solid #ffb800!important}.wp-btn-outline{background:#fff!important;color:#07122f!important;border:1px solid #d9e0ec!important}.wf-modal.open{display:flex!important}.wf-modal{position:fixed;inset:0;background:rgba(4,12,30,.45);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.wf-modal-card{background:#fff;border-radius:22px;width:min(720px,96vw);padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.wf-modal-close{float:right;border:0;background:#f3f4f6;border-radius:50%;width:34px;height:34px;font-size:22px}.wf-modal-scroll{height:280px;overflow:auto;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin:12px 0;background:#fafafa}.wp-checkout-main{min-height:100vh!important;grid-template-columns:1.05fr .95fr!important;padding:30px 60px!important;gap:36px!important;align-items:center!important}.wp-checkout-main section{max-height:94vh;overflow:auto}.wp-title{font-size:42px!important;margin:0 0 4px!important}.wp-subtitle{margin:0 0 14px!important;color:#667085}.wp-order-card{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:18px!important;border:1px solid #e1e7f0!important;border-radius:16px!important;background:#fff!important}.wp-order-card img{display:none!important}
.wp-order-meta span
{
    font-size: 13px !important;
    font-weight: 600 !important;
    background: #2c2c2b !important;
    padding: 5px !important;
    border-radius: 10px;
    color: #ffcc00!important;

}.wp-addons{border:1px solid #e1e7f0;border-radius:16px;overflow:hidden;background:#fff}.wp-addon{display:grid!important;grid-template-columns:26px 1fr auto!important;align-items:center;gap:10px;padding:12px 16px!important;border-bottom:1px solid #edf1f7!important;margin:0!important}.wp-addon:last-child{border-bottom:0!important}.wp-addon-icon{display:none!important}.wp-addon small{display:block;color:#667085;font-weight:600}.wp-price-summary{border:1px solid #e1e7f0;border-radius:16px;padding:18px!important;background:#fff!important}.wp-sum-line,.wp-sum-total{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f7}.wp-sum-total{border-bottom:0;font-size:20px;font-weight:900}.wp-payment-visual{min-height:86vh!important;border-radius:20px!important;background:linear-gradient(135deg,#071536,#101e4d)!important;display:flex;align-items:center;justify-content:center;color:#fff}.wp-pay-logos span{background:#fff;color:#07122f;border-radius:8px;padding:8px 14px;margin:4px;display:inline-block}.wf-loader-overlay.open{display:flex!important}.wf-loader-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(255,255,255,.72);align-items:center;justify-content:center}.wf-loader-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 22px 60px rgba(0,0,0,.14);text-align:center}.wf-spinner{width:46px;height:46px;border-radius:50%;border:4px solid #eee;border-top-color:#ffb800;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wp-success-clean{min-height:100vh!important;display:flex!important;align-items:center;justify-content:center;padding:28px;background:#fff}.wp-success-box{width:min(680px,96vw);text-align:center;background:#fff;border:1px solid #e1e7f0;border-radius:24px;padding:34px;box-shadow:0 18px 60px rgba(9,20,49,.08)}.wp-success-icon{width:76px;height:76px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;margin:0 auto 14px}.wp-success-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px;margin-top:18px}.wp-success-actions .wp-btn-outline{display:none!important}.adminlte-body{font-family:Arial,Helvetica,sans-serif!important;font-weight:600;background:#f5f7fb!important}.adminlte-sidebar{width:290px!important;border-right:1px solid #e5e7eb!important;background:#fff!important;padding:18px!important}.adminlte-brand{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:20px}.adminlte-brand .logo{width:48px;height:48px;border-radius:14px;background:#ffb800;color:#061331;display:flex;align-items:center;justify-content:center;font-weight:900}.adminlte-brand span{font-size:26px;font-weight:900}.adminlte-profile{border:1px solid #e5e7eb;border-radius:20px;padding:14px;background:#f8fafc;margin-bottom:18px}.wf-sidebar-photo{width:54px;height:54px;border-radius:16px;object-fit:cover;background:#e5e7eb;margin-bottom:8px}.adminlte-nav a{display:flex!important;align-items:center;gap:14px;padding:13px 14px!important;border-radius:14px;color:#17213a!important;text-decoration:none!important;margin:5px 0;font-weight:800}.adminlte-nav a:hover,.adminlte-nav a.active{background:#f1f5ff!important;color:#0b4cff!important}.adminlte-main{margin-left:290px!important}.adminlte-topbar{height:82px!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 28px!important}.adminlte-title h1{font-size:28px!important;margin:0;font-weight:900}.adminlte-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;box-shadow:0 10px 34px rgba(10,20,40,.05);margin-bottom:20px}.adminlte-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.table th{background:#f8fafc;color:#64748b;text-transform:uppercase;font-size:12px;padding:14px!important;text-align:left}.table td{padding:14px!important;border-top:1px solid #eef2f7;vertical-align:top}.legal-table td{background:#fff!important}.legal-action-grid{display:grid;grid-template-columns:1fr;gap:10px;min-width:260px}.legal-action-grid .btn{width:100%;justify-content:center}.legal-docs{display:flex;gap:8px;flex-wrap:wrap}.doc-preview,.photo-preview{width:70px;height:70px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}.kyc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wf-compact-alert{margin:0!important}.profile-photo-sm{width:48px;height:48px;border-radius:14px;object-fit:cover}.prebook-check-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;}.availability-box{border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin:14px 0;background:#f8fafc}.availability-box.ok{background:#dcfce7;color:#166534}.availability-box.bad{background:#fee2e2;color:#991b1b}.availability-box.warn{background:#fff7ed;color:#9a3412}@media(max-width:900px){.wp-auth-main,.wp-checkout-main{grid-template-columns:1fr!important;padding:18px!important}.wp-auth-visual,.wp-payment-visual{display:none!important}.wp-auth-form{padding:20px!important;max-height:none}.wp-form-grid,.adminlte-grid-2,.kyc-two-col{grid-template-columns:1fr}.adminlte-sidebar{transform:translateX(-105%);position:fixed;z-index:999;min-height:100vh}.adminlte-sidebar.open{transform:translateX(0)}.adminlte-main{margin-left:0!important}.adminlte-topbar{padding:0 14px!important}.wp-checkout-main section{max-height:none}}

.backoffice-login{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef4ff);display:flex;align-items:center;justify-content:center;padding:20px}.bo-login-card{width:min(430px,96vw);background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:34px;box-shadow:0 24px 80px rgba(10,20,40,.12)}.bo-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.bo-brand .logo{width:52px;height:52px;border-radius:16px;background:#ffb800;color:#061331;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px}.bo-brand h1{margin:0;font-size:28px}.bo-login-card h2{font-size:32px;margin:0 0 6px}.bo-login-card p{color:#667085;margin:0 0 22px}.bo-login-card input{width:100%;height:50px;border:1px solid #d9e0ec;border-radius:14px;padding:0 14px;margin-bottom:14px;font-weight:700}

/* Final requested UI corrections - login/register/home/admin/checkout */
body{font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important}.wp-auth-form h1,.wp-title,.hero h1,.adminlte-title h1,.adminlte-brand span{font-weight:900!important}.wf-auth-no-header .top,.wf-auth-no-header .wp-v2-nav,.wf-auth-no-header .wp-feature-strip{display:none!important}.wf-login-right{grid-template-columns:1.05fr .95fr!important}.wf-pass-toggle.eye{font-size:17px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#111827!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:0!important;line-height:1!important}.terms-normal{font-size:13px!important;color:#344054!important;margin:6px 0 8px!important}.wp-auth-form{padding:34px 48px!important;overflow:visible!important}.wp-auth-form h1{font-size:38px!important}.wp-auth-form p{margin-bottom:16px!important}.wp-field{margin-bottom:10px!important}.wp-field input{height:44px!important}.wp-btn-primary,.wp-btn-outline{height:46px!important}.wp-mini-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:8px 0 10px}.wp-mini-row a{font-weight:500;text-decoration:none;color:#2c2c2b}.wp-auth-copy{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.72);border-radius:20px;padding:22px;max-width:420px;margin:40px}.wp-auth-visual{display:flex;align-items:flex-end!important}.wp-auth-visual.login{background-position:center!important}.wp-auth-visual.register{background-position:center!important}
.wf-home-clean{background:#fff}.wf-clean-top{height:74px;border-bottom:1px solid #edf1f7;background:#fff;display:flex;align-items:center;padding:0 36px}.wf-home-wrap{max-width:1280px;margin:0 auto;padding:24px 24px 42px}.hero.compact{margin:0 0 18px}.hero.compact h1{font-size:42px;margin:8px 0 6px}.wf-home-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:start}.wf-tab-card,.wf-faq-card{background:#fff;border:1px solid #e4e9f2;border-radius:24px;box-shadow:0 14px 42px rgba(10,20,40,.06);padding:20px}.wf-modern-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f6f8fc;border:1px solid #edf1f7;border-radius:16px;padding:6px;margin-bottom:18px}.wf-modern-tabs button{border:0;background:transparent;border-radius:12px;padding:12px 10px;font-weight:900;color:#475467;cursor:pointer}.wf-modern-tabs button.active{background:#ffb800;color:#07122f;box-shadow:0 8px 20px rgba(255,184,0,.25)}.wf-modern-panel{display:none;animation:wfSlideFade .28s ease}.wf-modern-panel.active{display:block}.wf-city-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wf-city-pill{display:flex;align-items:center;gap:12px;border:1px solid #e4e9f2;background:#fff;border-radius:18px;padding:12px;text-align:left;cursor:pointer;transition:.2s}.wf-city-pill.active{border-color:#ffb800;box-shadow:0 8px 24px rgba(255,184,0,.18)}.wf-city-pill:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,20,40,.08)}.wf-city-pill img{width:74px;height:58px;object-fit:contain;border-radius:12px;background:#fff7df}.wf-city-pill b{display:block;font-size:16px}.wf-city-pill small{display:block;color:#667085;font-weight:700;margin-top:3px}.compact-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px}.compact-form input{height:44px;border:1px solid #d9e0ec;border-radius:12px;padding:0 12px}.wf-package-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf-package-mini{border:1px solid #e4e9f2;border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 8px 24px rgba(10,20,40,.05)}.wf-package-mini>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wf-package-mini>div:first-child b{font-size:17px}.wf-package-mini>div:first-child span{font-size:20px;font-weight:950;color:#07122f}.wf-cost-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.wf-cost-row small{border:1px solid #ffe09b;background:#fff8e6;border-radius:999px;text-align:center;padding:7px 4px;font-size:11px;font-weight:900;color:#7a4a00}.wf-package-mini p{min-height:42px;color:#667085;font-size:13px;line-height:1.4}.wf-amenities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wf-amenity-chip{border:1px solid #e4e9f2;background:#fff;border-radius:16px;padding:14px;font-weight:900;display:flex;gap:10px;align-items:center}.wf-amenity-chip span{width:34px;height:34px;border-radius:10px;background:#fff5d6;display:grid;place-items:center;color:#a76c00;font-size:12px}.wf-faq-card h2{margin:0 0 12px}.wf-faq-list{max-height:620px;overflow:auto;padding-right:4px}.wf-faq-list details{border:1px solid #edf1f7;border-radius:14px;margin-bottom:9px;background:#fbfcff}.wf-faq-list summary{padding:13px 14px;font-weight:900;cursor:pointer}.wf-faq-list p{margin:0;padding:0 14px 14px;color:#667085;line-height:1.45;font-size:13px}.coming-soon-box{margin-top:16px;border:1px dashed #ffb800;border-radius:18px;padding:16px;background:#fffaf0}.wp-checkout-main{padding:24px 54px!important;gap:28px!important}.wp-checkout-main section{max-height:none!important;overflow:visible!important}.wp-order-card{grid-template-columns:1fr auto!important;padding:16px!important}.wp-order-meta span{font-weight:800;}.wp-addons,.wp-price-summary{border-radius:14px!important}.wp-addon{grid-template-columns:24px 1fr auto!important}.wp-addon small{display:none!important}.wp-payment-visual{min-height:80vh!important}.wp-success-clean{min-height:100vh!important}.wp-success-box{padding:30px!important}.wp-success-actions{grid-template-columns:1fr!important}.adminlte-sidebar{border-radius:0 22px 22px 0!important}.adminlte-profile{text-align:left!important;display:grid!important;grid-template-columns:56px 1fr!important;gap:10px!important;align-items:center!important}.adminlte-profile b{display:block!important}.adminlte-profile span{grid-column:2!important;margin:0!important}.wf-sidebar-photo{margin:0!important}.adminlte-nav a span{width:34px;height:34px;border-radius:10px;background:#f2f4f7;display:grid;place-items:center;color:#667085}.adminlte-nav a:hover span,.adminlte-nav a.active span{background:#fff;color:#0b4cff}.legal-table{table-layout:fixed!important}.legal-table th:nth-child(1){width:22%}.legal-table th:nth-child(2){width:13%}.legal-table th:nth-child(3){width:10%}.legal-table th:nth-child(4){width:22%}.legal-table th:nth-child(5){width:14%}.legal-table th:nth-child(6){width:19%}.legal-table td{word-break:break-word!important;background:#fff!important}.legal-action-grid{min-width:0!important}.legal-action-grid select,.legal-action-grid input{width:100%;height:42px;border:1px solid #d9e0ec;border-radius:10px;padding:0 10px}.amenity-form{display:grid;grid-template-columns:1fr 160px 120px 130px auto;gap:10px}.amenity-form input,.amenity-form select,.table input,.table select{height:42px;border:1px solid #d9e0ec;border-radius:10px;padding:0 10px;max-width:100%}@media(max-width:1100px){.wf-home-layout{grid-template-columns:1fr}.wf-package-row{grid-template-columns:1fr}.wf-city-list,.wf-amenities-grid{grid-template-columns:1fr 1fr}.compact-form{grid-template-columns:1fr 1fr}.wp-auth-main,.wf-login-right{grid-template-columns:1fr!important}.wp-auth-visual{display:none!important}.wp-auth-form{min-height:100vh!important;padding:24px!important}.wp-checkout-main{grid-template-columns:1fr!important;padding:18px!important}.wp-payment-visual{display:none!important}.amenity-form{grid-template-columns:1fr}}@media(max-width:640px){.wf-home-wrap{padding:16px}.wf-clean-top{padding:0 16px}.hero.compact h1{font-size:32px}.wf-city-list,.wf-amenities-grid,.compact-form,.wp-form-grid{grid-template-columns:1fr!important}.wp-auth-form h1{font-size:32px!important}.adminlte-card{padding:16px!important}.legal-table{table-layout:auto!important}}

/* City + package tab module refresh */
.wf-city-package-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}
.wf-city-package-card{background:#fff;border:1px solid #e4e9f2;border-radius:24px;box-shadow:0 14px 42px rgba(10,20,40,.06);padding:0;overflow:hidden}
.wf-city-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e9edf5;background:#fbfcff}
.wf-city-tab{border:0;border-right:1px solid #e9edf5;background:#fff;padding:16px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.22s;min-height:92px;color:#07122f}
.wf-city-tab:last-child{border-right:0}.wf-city-tab:hover{background:#fffaf0}.wf-city-tab.active{background:#fff7df;box-shadow:inset 0 -3px 0 #ffb800}
.wf-city-tab img{width:100px;height:100px;object-fit:contain;border-radius:12px;background:#fff}.wf-city-tab b{display:block;font-size:15px}.wf-city-tab small{display:block;margin-top:4px;font-size:12px;color:#667085;font-weight:800}.wf-city-tab.active small{color:#9a6200}
.wf-city-content{display:none;padding:24px;animation:wfSlideFade .24s ease}.wf-city-content.active{display:block}.wf-city-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.wf-city-title{display:flex;align-items:center;gap:14px}.wf-city-title img{width:82px;height:62px;object-fit:contain;border-radius:16px;background:#fff7df;border:1px solid #ffe2a1}.wf-city-title h2{margin:0 0 4px;font-size:24px}.wf-city-title p{margin:0;color:#667085;font-weight:600;line-height:1.4}.wf-live-badge{border-radius:999px;padding:8px 14px;font-weight:900;font-size:12px}.wf-live-badge.live{background:#e7f8ee;color:#087443}.wf-live-badge.soon{background:#fff3d6;color:#9a6200}.wf-package-tab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf-package-tab-card{border:1px solid #e4e9f2;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);padding:16px;box-shadow:0 8px 20px rgba(10,20,40,.04);display:flex;flex-direction:column;gap:12px}.wf-package-tab-card:hover{border-color:#ffbf22;box-shadow:0 16px 34px rgba(255,184,0,.14)}.wf-package-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wf-package-title-row small{display:block;color:#98a2b3;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.wf-package-title-row h3{margin:3px 0 0;font-size:18px}.wf-package-title-row strong{font-size:22px;color:#07122f;white-space:nowrap}.wf-pass-highlight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wf-pass-highlight-row span{border:1px solid #ffe0a0;background:#fff8e8;border-radius:999px;text-align:center;padding:8px 5px;font-weight:900;font-size:12px;color:#7a4a00}.wf-package-tab-card p{color:#667085;font-size:13px;line-height:1.45;min-height:40px;margin:0}.wf-amenities-section{padding:0 24px 24px}.wf-amenities-section h3{margin:0 0 12px}.wf-amenities-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-coming-inline{margin:0;background:#fffaf0}.wf-coming-inline .compact-form{grid-template-columns:repeat(3,1fr) auto}.wf-faq-card{position:sticky;top:18px}.wf-faq-list{max-height:700px}
@media(max-width:1100px){.wf-city-package-layout{grid-template-columns:1fr}.wf-city-tabs{grid-template-columns:repeat(2,1fr)}.wf-package-tab-grid{grid-template-columns:1fr}.wf-amenities-grid.compact{grid-template-columns:repeat(2,1fr)}.wf-faq-card{position:static}.wf-coming-inline .compact-form{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wf-city-tabs{grid-template-columns:1fr}.wf-city-tab{min-height:auto}.wf-city-panel-head,.wf-city-title{align-items:flex-start}.wf-city-panel-head{flex-direction:column}.wf-city-title img{width:68px;height:52px}.wf-pass-highlight-row,.wf-amenities-grid.compact,.wf-coming-inline .compact-form{grid-template-columns:1fr}.wf-city-content{padding:16px}.wf-amenities-section{padding:0 16px 16px}}

/* Home page final adjustment: full-width package tab + FAQ below */
.wf-city-package-layout{grid-template-columns:1fr!important;}
.wf-city-package-card{width:100%;}
.wf-package-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.wf-faq-below-packages{margin-top:22px;position:static!important;width:100%;}
.wf-faq-below-packages h2{font-size:26px;margin-bottom:16px;}
.wf-faq-grid-list{max-height:none!important;overflow:visible!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:0!important;}
.wf-faq-grid-list details{margin-bottom:0!important;}
@media(max-width:900px){.wf-package-tab-grid{grid-template-columns:1fr!important}.wf-faq-grid-list{grid-template-columns:1fr!important}}

/* Homepage professional typography + package spacing refinement */
body.wf-home-clean{
  font-family:'OpenSansLocal','Open Sans',Arial,sans-serif!important;
  color:#1f2937!important;
}
body.wf-home-clean h1,
body.wf-home-clean h2,
body.wf-home-clean h3,
body.wf-home-clean b,
body.wf-home-clean strong{
  font-family:'DINPro','OpenSansLocal','Open Sans',Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.015em;
}
body.wf-home-clean .hero.compact h1{font-size:38px!important;font-weight:700!important;line-height:1.12!important;margin-bottom:8px!important;color:#fff!important}
body.wf-home-clean .hero.compact .muted{font-size:16px!important;font-weight:400!important;color:#667085!important;line-height:1.6!important}
body.wf-home-clean .badge{font-weight:600!important;letter-spacing:.01em!important}
body.wf-home-clean .wf-clean-top{box-shadow:none!important;border-bottom:1px solid #eef2f7!important}
body.wf-home-clean .wf-home-wrap{max-width:1280px!important;padding-top:24px!important}
body.wf-home-clean .wf-city-package-card{border-radius:22px!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;border-color:#edf1f7!important}
body.wf-home-clean .wf-city-tabs{background:#f8fafc!important;gap:0!important}
body.wf-home-clean .wf-city-tab{padding:14px 16px!important;min-height:84px!important;background:#fff!important}
body.wf-home-clean .wf-city-tab b{font-size:20px!important;font-weight:700!important;color:#1f2937!important}
body.wf-home-clean .wf-city-tab small{font-size:11px!important;font-weight:500!important;color:#667085!important}
body.wf-home-clean .wf-city-tab.active{background:#fffaf0!important;box-shadow:inset 0 -2px 0 #ffcc00!important}
body.wf-home-clean .wf-city-content{padding:26px!important}
body.wf-home-clean .wf-city-panel-head{margin-bottom:24px!important;padding-bottom:18px!important;border-bottom:1px solid #f0f2f5!important}
body.wf-home-clean .wf-city-title h2{font-size:22px!important;font-weight:700!important;color:#111827!important}
body.wf-home-clean .wf-city-title p{font-size:14px!important;font-weight:400!important;color:#667085!important;max-width:620px!important}
body.wf-home-clean .wf-live-badge{display:none;font-weight:600!important;font-size:11px!important;padding:7px 12px!important}
body.wf-home-clean .wf-package-tab-grid{gap:22px!important;align-items:stretch!important}
body.wf-home-clean .wf-package-tab-card{
  min-height:286px!important;
  padding:22px!important;
  border-radius:20px!important;
  gap:16px!important;
  justify-content:space-between!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  transition:.22s ease!important;
}
body.wf-home-clean .wf-package-tab-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px rgba(15,23,42,.08)!important;border-color:#ffd24a!important}
body.wf-home-clean .wf-package-title-row{align-items:flex-start!important;margin-bottom:2px!important}
body.wf-home-clean .wf-package-title-row small{font-size:10px!important;font-weight:600!important;color:#98a2b3!important;letter-spacing:.08em!important}
body.wf-home-clean .wf-package-title-row h3{font-size:18px!important;font-weight:700!important;line-height:1.25!important;color:#111827!important;margin-top:6px!important}
body.wf-home-clean .wf-package-title-row strong{font-size:24px!important;font-weight:700!important;color:#111827!important}
body.wf-home-clean .wf-pass-highlight-row{gap:10px!important;margin:2px 0 2px!important}
body.wf-home-clean .wf-pass-highlight-row span{border-radius:12px!important;padding:10px 6px!important;font-size:12px!important;font-weight:600!important;background:#111827!important;color:#ffcc00!important;border-color:#ffe6a8!important;line-height:1.2!important}
body.wf-home-clean .wf-package-tab-card p{font-size:13px!important;line-height:1.65!important;color:#667085!important;min-height:64px!important;font-weight:400!important;margin:0!important}
body.wf-home-clean .wf-package-tab-card .btn{margin-top:auto!important;height:46px!important;border-radius:12px!important;font-weight:700!important;box-shadow:none!important}
body.wf-home-clean .wf-amenities-section{padding:2px 26px 28px!important;margin-top:4px!important}
body.wf-home-clean .wf-amenities-section h3{font-size:18px!important;font-weight:700!important;color:#111827!important;margin-bottom:14px!important}
body.wf-home-clean .wf-amenity-chip{font-weight:600!important;font-size:13px!important;border-radius:14px!important;padding:12px 14px!important;box-shadow:none!important}
body.wf-home-clean .wf-faq-below-packages{margin-top:26px!important}
body.wf-home-clean .wf-faq-below-packages h2{font-size:24px!important;font-weight:700!important;color:#111827!important}
body.wf-home-clean .wf-faq-grid-list{gap:10px 14px!important}
body.wf-home-clean .wf-faq-list summary{font-weight:600!important;font-size:14px!important;color:#1f2937!important}
body.wf-home-clean .wf-faq-list p{font-size:13px!important;font-weight:400!important;color:#667085!important;line-height:1.6!important}
@media(max-width:900px){
  body.wf-home-clean .wf-package-tab-card{min-height:auto!important;padding:18px!important}
  body.wf-home-clean .wf-package-tab-card p{min-height:auto!important}
  body.wf-home-clean .hero.compact h1{font-size:30px!important}
}

/* Checkout add-on package polish: single-row radio cards + compact one-screen view */
.wp-checkout-main{
  max-width:1360px!important;
  min-height:calc(100vh - 8px)!important;
  padding:18px 40px!important;
  gap:26px!important;
  grid-template-columns:minmax(560px, 1fr) minmax(360px, 480px)!important;
  align-items:start!important;
}
.wp-checkout-main .wp-title{font-size:34px!important;line-height:1.08!important;margin:0 0 4px!important;font-weight:800!important}
.wp-checkout-main .wp-subtitle{font-size:15px!important;margin:0 0 10px!important;color:#59657a!important}
.wp-checkout-main h3{font-size:16px!important;margin:13px 0 8px!important;font-weight:800!important;color:#111b35!important}
.wp-order-card{margin:10px 0 12px!important;padding:12px 14px!important;border-radius:14px!important;gap:14px!important;box-shadow:0 6px 18px rgba(7,18,54,.045)!important}
.wp-order-card img{width:58px!important;height:42px!important}.wp-order-meta{gap:14px!important;margin-top:5px!important;font-size:13px!important}
.wp-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:4px}.wp-section-head h3{margin:0!important}.wp-section-head span{font-size:12px;color:#667085;font-weight:700}
.wp-addons.wp-addon-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important;margin:8px 0 12px!important;overflow:visible!important;box-shadow:none!important}
.wp-addon-row .wp-addon{display:grid!important;grid-template-columns:22px 1fr!important;grid-template-rows:auto auto!important;gap:7px 8px!important;align-items:start!important;border:1px solid #e3e8f2!important;border-radius:14px!important;background:#fff!important;padding:12px!important;min-height:92px!important;transition:.18s ease;box-shadow:0 5px 16px rgba(7,18,54,.04)!important}
.wp-addon-row .wp-addon:has(input:checked){border-color:#ffb800!important;box-shadow:0 10px 24px rgba(255,184,0,.18)!important;background:#fffdf6!important}
.wp-addon-row .wp-addon input{width:18px!important;height:18px!important;margin-top:1px!important}.wp-addon-row .wp-addon span{min-width:0}.wp-addon-row .wp-addon b{font-size:14px!important;text-align:left!important}.wp-addon-row .wp-addon small{display:block!important;font-size:12px!important;color:#667085!important;margin-top:3px!important;line-height:1.25!important}.wp-addon-row .wp-addon>b:last-child{grid-column:2!important;font-size:16px!important;color:#071236!important;margin-top:2px!important;text-align:left!important}
.wp-price-summary{padding:13px 16px!important;margin-top:8px!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(7,18,54,.045)!important}.wp-sum-line{margin:8px 0!important;font-size:14px!important}.wp-sum-total{font-size:19px!important;padding-top:12px!important;margin-top:10px!important}.wp-btn-primary{height:52px!important;margin-top:12px!important;border-radius:12px!important;font-size:17px!important}.wp-payment-visual{min-height:calc(100vh - 36px)!important;border-radius:18px!important;padding:28px!important;position:sticky;top:18px}.wp-payment-visual h2{font-size:22px!important;margin:12px 0 6px!important}.wp-payment-visual p{font-size:14px!important}.wp-card-stack{width:260px!important;height:155px!important;margin-bottom:22px!important;border-radius:18px!important;font-size:20px!important}.wp-card-stack:before{font-size:44px!important}.wp-pay-logos{gap:8px!important;margin-top:18px!important}.wp-pay-logos span{padding:6px 10px!important;font-size:12px!important}.wp-checkout-main input[name="coupon_code"]{height:42px!important}.wp-checkout-main button[name="apply_coupon"]{height:42px!important}
@media(max-width:1100px){.wp-checkout-main{grid-template-columns:1fr!important;padding:18px!important}.wp-payment-visual{display:none!important}.wp-addons.wp-addon-row{grid-template-columns:1fr!important}.wp-addon-row .wp-addon{min-height:auto!important}.wp-checkout-main .wp-title{font-size:30px!important}}
@media(max-width:640px){.wp-section-head{display:block}.wp-section-head span{display:block;margin-top:3px}.wp-order-card{grid-template-columns:1fr!important}.wp-addons.wp-addon-row{gap:8px!important}.wp-price-summary{padding:12px!important}}

/* Checkout compact polish - lighter typography and fit-to-screen layout */
body.wp-v2-body{font-family:Arial, Helvetica, sans-serif!important;font-weight:400!important;background:#fbfcff!important;color:#111827!important}
.wp-checkout-main{max-width:1380px!important;min-height:100vh!important;padding:18px 46px!important;gap:28px!important;grid-template-columns:minmax(560px,1fr) minmax(340px,470px)!important;align-items:center!important;box-sizing:border-box!important}
.wp-checkout-main *{font-weight:400!important;letter-spacing:0!important}
.wp-checkout-main .wp-title{font-size:32px!important;line-height:1.05!important;margin:0 0 3px!important;font-weight:700!important;color:#071236!important;letter-spacing:-.02em!important}
.wp-checkout-main .wp-subtitle{font-size:14px!important;margin:0 0 10px!important;color:#667085!important;font-weight:400!important}
.wp-checkout-main h3{font-size:15px!important;margin:10px 0 7px!important;font-weight:700!important;color:#071236!important}
.wp-checkout-main label{font-weight:600!important;font-size:13px!important;color:#27324e!important;text-transform:none!important}
.wp-order-card{margin:10px 0 10px!important;padding:12px 15px!important;border-radius:13px!important;grid-template-columns:1fr auto!important;gap:12px!important;box-shadow:0 6px 18px rgba(7,18,54,.035)!important}
.wp-order-card img{display:none!important}.wp-order-card b{font-weight:700!important;font-size:16px!important}.wp-order-card>strong{font-size:16px!important;font-weight:700!important}.wp-order-meta{gap:18px!important;margin-top:5px!important}.wp-order-meta span{font-size:13px!important;font-weight:600!important;}
.wp-checkout-main input[name="coupon_code"]{height:38px!important;border-radius:10px!important;font-size:14px!important}.wp-checkout-main button[name="apply_coupon"]{height:38px!important;border-radius:10px!important;font-weight:700!important}
.wp-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:2px!important}.wp-section-head h3{margin:0!important}.wp-section-head span{font-size:12px!important;font-weight:500!important;color:#667085!important}
.wp-addons.wp-addon-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 9px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.wp-addon-row .wp-addon{display:grid!important;grid-template-columns:18px 1fr auto!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;min-height:54px!important;padding:10px 12px!important;border:1px solid #e6ebf3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 14px rgba(7,18,54,.035)!important;cursor:pointer!important}
.wp-addon-row .wp-addon:hover{border-color:#ffcf4d!important;box-shadow:0 8px 20px rgba(255,184,0,.12)!important}
.wp-addon-row .wp-addon:has(input:checked){border-color:#ffb800!important;background:#fffaf0!important;box-shadow:0 8px 22px rgba(255,184,0,.16)!important}
.wp-addon-row .wp-addon input{width:16px!important;height:16px!important;margin:0!important;accent-color:#ffb800!important;box-shadow:none!important}
.wp-addon-row .wp-addon span{display:block!important;min-width:0!important}.wp-addon-row .wp-addon span b{font-size:13px!important;font-weight:700!important;white-space:nowrap!important;color:#111827!important}.wp-addon-row .wp-addon small{display:block!important;margin-top:1px!important;font-size:11px!important;line-height:1.15!important;font-weight:400!important;color:#667085!important;white-space:nowrap!important}.wp-addon-row .wp-addon>b:last-child{grid-column:auto!important;margin:0!important;text-align:right!important;font-size:13px!important;font-weight:700!important;color:#071236!important;white-space:nowrap!important}
.wp-price-summary{padding:12px 16px!important;margin:7px 0 0!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(7,18,54,.04)!important}.wp-sum-line{margin:7px 0!important;font-size:13px!important;color:#3b4666!important}.wp-sum-line b{font-weight:700!important;color:#111827!important}.wp-sum-total{font-size:17px!important;padding-top:10px!important;margin-top:8px!important}.wp-sum-total span,.wp-sum-total b{font-weight:700!important}.wp-btn-primary{height:48px!important;margin-top:10px!important;border-radius:11px!important;font-size:15px!important;font-weight:700!important;box-shadow:0 10px 22px rgba(255,184,0,.22)!important}.wp-checkout-main a{margin-top:10px!important;font-size:13px!important;font-weight:600!important}
.wp-payment-visual{min-height:0!important;height:calc(100vh - 52px)!important;max-height:620px!important;border-radius:18px!important;padding:24px!important;position:sticky!important;top:18px!important;box-shadow:0 18px 45px rgba(7,18,54,.18)!important}.wp-payment-visual h2{font-size:19px!important;line-height:1.25!important;font-weight:700!important;margin:12px 0 5px!important}.wp-payment-visual p{font-size:13px!important;line-height:1.4!important;font-weight:400!important}.wp-card-stack{width:210px!important;height:118px!important;margin-bottom:20px!important;border-radius:16px!important;font-size:16px!important;font-weight:700!important}.wp-card-stack:before{font-size:32px!important}.wp-pay-logos{gap:7px!important;margin-top:16px!important;flex-wrap:wrap!important}.wp-pay-logos span{font-size:11px!important;padding:6px 9px!important;font-weight:700!important}.wf-loader-card b{font-weight:700!important}
@media(max-width:1150px){.wp-checkout-main{grid-template-columns:1fr!important;min-height:auto!important;padding:18px!important}.wp-payment-visual{display:none!important}.wp-addons.wp-addon-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wp-checkout-main .wp-title{font-size:29px!important}}
@media(max-width:720px){.wp-checkout-main{padding:14px!important}.wp-addons.wp-addon-row{grid-template-columns:1fr!important}.wp-addon-row .wp-addon{min-height:48px!important}.wp-order-card{grid-template-columns:1fr!important}.wp-checkout-main .wp-title{font-size:27px!important}.wp-section-head{display:block!important}.wp-section-head span{display:block;margin-top:3px!important}}

/* Workafella colorful dashboard sidebar refresh */
.adminlte-body{--wf-sidebar-bg:#ffffff;--wf-sidebar-text:#344054;--wf-sidebar-muted:#667085;--wf-sidebar-border:#edf1f7;--wf-sidebar-shadow:0 20px 60px rgba(15,23,42,.10)}
.adminlte-sidebar{background:linear-gradient(180deg,#ffffff 0%,#fbfcff 52%,#fff8e5 100%)!important;border-right:1px solid var(--wf-sidebar-border)!important;box-shadow:var(--wf-sidebar-shadow)!important;padding:16px 12px!important;overflow:auto!important}
.adminlte-brand{background:linear-gradient(135deg,#111827,#344054)!important;color:#fff!important;border-radius:18px!important;padding:13px 12px!important;margin:0 0 14px!important;box-shadow:0 12px 26px rgba(17,24,39,.16)!important}
.adminlte-brand .logo{background:#ffbf00!important;color:#111827!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(255,191,0,.25)!important}
.adminlte-brand span{font-weight:800!important;letter-spacing:.1px!important;font-size:16px!important}
.adminlte-profile{background:#fff!important;border:1px solid #edf1f7!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;margin-bottom:14px!important}
.adminlte-profile b{font-weight:700!important;color:#101828!important;font-size:14px!important;line-height:1.2!important}
.adminlte-profile span{font-weight:500!important;color:#667085!important;font-size:12px!important}
.wf-sidebar-photo{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,#ffbf00,#fff1b8)!important;color:#111827!important;border:2px solid #fff!important;box-shadow:0 8px 18px rgba(255,191,0,.25)!important}
.adminlte-nav{display:flex!important;flex-direction:column!important;gap:7px!important;padding:2px!important}
.adminlte-nav a.wf-menu-item{position:relative!important;display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:6px 10px!important;border-radius:15px!important;color:#475467!important;text-decoration:none!important;font-weight:600!important;font-size:14px!important;letter-spacing:0!important;transition:all .18s ease!important;border:1px solid transparent!important;background:transparent!important}
.adminlte-nav a.wf-menu-item em{font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.adminlte-nav a.wf-menu-item span{width:36px!important;height:36px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:17px!important;background:var(--mi-bg,#f2f4f7)!important;color:var(--mi-color,#344054)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;transition:all .18s ease!important}
.adminlte-nav a.wf-menu-item:hover{background:#fff!important;border-color:#edf1f7!important;transform:translateX(3px)!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important;color:#111827!important}
.adminlte-nav a.wf-menu-item.active{background:linear-gradient(135deg,#fff7db,#ffffff)!important;border-color:#ffd45a!important;color:#111827!important;box-shadow:0 12px 26px rgba(255,191,0,.16)!important}
.adminlte-nav a.wf-menu-item.active:before{content:"";position:absolute;left:-5px;top:13px;width:4px;height:22px;border-radius:999px;background:#ffbf00;box-shadow:0 0 0 4px rgba(255,191,0,.12)}
.adminlte-nav a.wf-menu-item:hover span,.adminlte-nav a.wf-menu-item.active span{transform:scale(1.04)!important;background:linear-gradient(135deg,var(--mi-bg,#fff1b8),#fff)!important;color:var(--mi-color,#111827)!important}
.adminlte-nav .wf-menu-0{--mi-bg:#fff1b8;--mi-color:#9a6700}.adminlte-nav .wf-menu-1{--mi-bg:#dbeafe;--mi-color:#1d4ed8}.adminlte-nav .wf-menu-2{--mi-bg:#dcfce7;--mi-color:#15803d}.adminlte-nav .wf-menu-3{--mi-bg:#fce7f3;--mi-color:#be185d}.adminlte-nav .wf-menu-4{--mi-bg:#ede9fe;--mi-color:#6d28d9}.adminlte-nav .wf-menu-5{--mi-bg:#ffedd5;--mi-color:#c2410c}.adminlte-nav .wf-menu-6{--mi-bg:#ccfbf1;--mi-color:#0f766e}.adminlte-nav .wf-menu-7{--mi-bg:#e0f2fe;--mi-color:#0369a1}.adminlte-nav .wf-menu-8{--mi-bg:#fee2e2;--mi-color:#b91c1c}.adminlte-nav .wf-menu-9{--mi-bg:#ecfccb;--mi-color:#4d7c0f}.adminlte-nav .wf-menu-10{--mi-bg:#fae8ff;--mi-color:#a21caf}.adminlte-nav .wf-menu-11{--mi-bg:#cffafe;--mi-color:#0e7490}.adminlte-nav .wf-menu-12{--mi-bg:#fef3c7;--mi-color:#b45309}.adminlte-nav .wf-menu-13{--mi-bg:#e5e7eb;--mi-color:#374151}
.wf-role-admin .adminlte-brand{background:linear-gradient(135deg,#111827,#0f172a)!important}.wf-role-staff .adminlte-brand{background:linear-gradient(135deg,#064e3b,#0f766e)!important}.wf-role-legal .adminlte-brand{background:linear-gradient(135deg,#4c1d95,#7c3aed)!important}.wf-role-finance .adminlte-brand{background:linear-gradient(135deg,#7c2d12,#ea580c)!important}.wf-role-customer .adminlte-brand{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important}
.dark-mode .adminlte-sidebar{background:linear-gradient(180deg,#111827,#0f172a)!important;border-color:#1f2937!important}.dark-mode .adminlte-profile{background:#172033!important;border-color:#263244!important}.dark-mode .adminlte-profile b{color:#fff!important}.dark-mode .adminlte-nav a.wf-menu-item{color:#d1d5db!important}.dark-mode .adminlte-nav a.wf-menu-item:hover,.dark-mode .adminlte-nav a.wf-menu-item.active{background:#172033!important;border-color:#263244!important;color:#fff!important}
@media(max-width:900px){.adminlte-sidebar{border-radius:0 22px 22px 0!important}.adminlte-nav a.wf-menu-item{min-height:48px!important}}

/* Workafella colorful dashboard sidebar refresh */
.adminlte-body{--wf-sidebar-bg:#ffffff;--wf-sidebar-text:#344054;--wf-sidebar-muted:#667085;--wf-sidebar-border:#edf1f7;--wf-sidebar-shadow:0 20px 60px rgba(15,23,42,.10)}
.adminlte-sidebar{background:linear-gradient(180deg,#ffffff 0%,#fbfcff 52%,#fff8e5 100%)!important;border-right:1px solid var(--wf-sidebar-border)!important;box-shadow:var(--wf-sidebar-shadow)!important;padding:16px 12px!important;overflow:auto!important}
.adminlte-brand{background:linear-gradient(135deg,#111827,#344054)!important;color:#fff!important;border-radius:18px!important;padding:13px 12px!important;margin:0 0 14px!important;box-shadow:0 12px 26px rgba(17,24,39,.16)!important}
.adminlte-brand .logo{background:#ffbf00!important;color:#111827!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(255,191,0,.25)!important}
.adminlte-brand span{font-weight:800!important;letter-spacing:.1px!important;font-size:16px!important}
.adminlte-profile{background:#fff!important;border:1px solid #edf1f7!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;margin-bottom:14px!important}
.adminlte-profile b{font-weight:700!important;color:#101828!important;font-size:14px!important;line-height:1.2!important}
.adminlte-profile span{font-weight:500!important;color:#667085!important;font-size:12px!important}
.wf-sidebar-photo{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,#ffbf00,#fff1b8)!important;color:#111827!important;border:2px solid #fff!important;box-shadow:0 8px 18px rgba(255,191,0,.25)!important}
.adminlte-nav{display:flex!important;flex-direction:column!important;gap:7px!important;padding:2px!important}
.adminlte-nav a.wf-menu-item{position:relative!important;display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:6px 10px!important;border-radius:15px!important;color:#475467!important;text-decoration:none!important;font-weight:600!important;font-size:14px!important;letter-spacing:0!important;transition:all .18s ease!important;border:1px solid transparent!important;background:transparent!important}
.adminlte-nav a.wf-menu-item em{font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.adminlte-nav a.wf-menu-item span{width:36px!important;height:36px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:17px!important;background:var(--mi-bg,#f2f4f7)!important;color:var(--mi-color,#344054)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;transition:all .18s ease!important}
.adminlte-nav a.wf-menu-item:hover{background:#fff!important;border-color:#edf1f7!important;transform:translateX(3px)!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important;color:#111827!important}
.adminlte-nav a.wf-menu-item.active{background:linear-gradient(135deg,#fff7db,#ffffff)!important;border-color:#ffd45a!important;color:#111827!important;box-shadow:0 12px 26px rgba(255,191,0,.16)!important}
.adminlte-nav a.wf-menu-item.active:before{content:"";position:absolute;left:-5px;top:13px;width:4px;height:22px;border-radius:999px;background:#ffbf00;box-shadow:0 0 0 4px rgba(255,191,0,.12)}
.adminlte-nav a.wf-menu-item:hover span,.adminlte-nav a.wf-menu-item.active span{transform:scale(1.04)!important;background:linear-gradient(135deg,var(--mi-bg,#fff1b8),#fff)!important;color:var(--mi-color,#111827)!important}
.adminlte-nav .wf-menu-0{--mi-bg:#fff1b8;--mi-color:#9a6700}.adminlte-nav .wf-menu-1{--mi-bg:#dbeafe;--mi-color:#1d4ed8}.adminlte-nav .wf-menu-2{--mi-bg:#dcfce7;--mi-color:#15803d}.adminlte-nav .wf-menu-3{--mi-bg:#fce7f3;--mi-color:#be185d}.adminlte-nav .wf-menu-4{--mi-bg:#ede9fe;--mi-color:#6d28d9}.adminlte-nav .wf-menu-5{--mi-bg:#ffedd5;--mi-color:#c2410c}.adminlte-nav .wf-menu-6{--mi-bg:#ccfbf1;--mi-color:#0f766e}.adminlte-nav .wf-menu-7{--mi-bg:#e0f2fe;--mi-color:#0369a1}.adminlte-nav .wf-menu-8{--mi-bg:#fee2e2;--mi-color:#b91c1c}.adminlte-nav .wf-menu-9{--mi-bg:#ecfccb;--mi-color:#4d7c0f}.adminlte-nav .wf-menu-10{--mi-bg:#fae8ff;--mi-color:#a21caf}.adminlte-nav .wf-menu-11{--mi-bg:#cffafe;--mi-color:#0e7490}.adminlte-nav .wf-menu-12{--mi-bg:#fef3c7;--mi-color:#b45309}.adminlte-nav .wf-menu-13{--mi-bg:#e5e7eb;--mi-color:#374151}
.wf-role-admin .adminlte-brand{background:linear-gradient(135deg,#111827,#0f172a)!important}.wf-role-staff .adminlte-brand{background:linear-gradient(135deg,#064e3b,#0f766e)!important}.wf-role-legal .adminlte-brand{background:linear-gradient(135deg,#4c1d95,#7c3aed)!important}.wf-role-finance .adminlte-brand{background:linear-gradient(135deg,#7c2d12,#ea580c)!important}.wf-role-customer .adminlte-brand{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important}
.dark-mode .adminlte-sidebar{background:linear-gradient(180deg,#111827,#0f172a)!important;border-color:#1f2937!important}.dark-mode .adminlte-profile{background:#172033!important;border-color:#263244!important}.dark-mode .adminlte-profile b{color:#fff!important}.dark-mode .adminlte-nav a.wf-menu-item{color:#d1d5db!important}.dark-mode .adminlte-nav a.wf-menu-item:hover,.dark-mode .adminlte-nav a.wf-menu-item.active{background:#172033!important;border-color:#263244!important;color:#fff!important}
@media(max-width:900px){.adminlte-sidebar{border-radius:0 22px 22px 0!important}.adminlte-nav a.wf-menu-item{min-height:48px!important}}

/* Workafella professional sidebar polish - replaces loud colorful menu */
.adminlte-body{
  --wf-pro-bg:#f6f8fb;
  --wf-pro-sidebar:#ffffff;
  --wf-pro-line:#e8edf5;
  --wf-pro-text:#1f2937;
  --wf-pro-muted:#6b7280;
  --wf-pro-navy:#0b1f3a;
  --wf-pro-blue:#1d4ed8;
  --wf-pro-gold:#f5b700;
  --wf-pro-soft:#f8fafc;
  --wf-pro-active:#fff8e1;
  background:var(--wf-pro-bg)!important;
}
.adminlte-sidebar{
  background:var(--wf-pro-sidebar)!important;
  border-right:1px solid var(--wf-pro-line)!important;
  box-shadow:8px 0 30px rgba(15,23,42,.055)!important;
  border-radius:0!important;
  padding:18px 14px!important;
}
.adminlte-brand{
  background:#fff!important;
  color:var(--wf-pro-navy)!important;
  border:1px solid var(--wf-pro-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  padding:12px!important;
  margin-bottom:14px!important;
}
.adminlte-brand .logo{
  background:var(--wf-pro-gold)!important;
  color:#111827!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.adminlte-brand span{font-size:16px!important;font-weight:700!important;letter-spacing:0!important;}
.adminlte-profile{
  background:linear-gradient(180deg,#fff,#f9fafb)!important;
  border:1px solid var(--wf-pro-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  padding:12px!important;
  margin-bottom:16px!important;
}
.adminlte-profile b{font-size:14px!important;font-weight:700!important;color:var(--wf-pro-text)!important;}
.adminlte-profile span{font-size:12px!important;font-weight:500!important;color:var(--wf-pro-muted)!important;}
.wf-sidebar-photo{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:#f3f4f6!important;color:var(--wf-pro-navy)!important;
  border:1px solid #fff!important;box-shadow:none!important;
}
.adminlte-nav{gap:5px!important;padding:0!important;}
.adminlte-nav a.wf-menu-item{
  display:grid!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:10px!important;
  min-height:44px!important;padding:5px 9px!important;border-radius:13px!important;
  color:#475467!important;background:transparent!important;border:1px solid transparent!important;
  font-size:14px!important;font-weight:600!important;box-shadow:none!important;transform:none!important;
}
.adminlte-nav a.wf-menu-item em{font-style:normal!important;font-weight:600!important;}
.adminlte-nav a.wf-menu-item span{
  width:34px!important;height:34px!important;border-radius:11px!important;
  background:#f3f6fb!important;color:#526072!important;
  box-shadow:none!important;border:1px solid #eef2f7!important;font-size:0!important;
}
.wf-menu-svg{
  width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.wf-menu-svg path,.wf-menu-svg circle,.wf-menu-svg rect{vector-effect:non-scaling-stroke;}
.adminlte-nav a.wf-menu-item:hover{
  background:#f8fafc!important;border-color:#edf2f7!important;color:var(--wf-pro-navy)!important;
  box-shadow:none!important;transform:none!important;
}
.adminlte-nav a.wf-menu-item:hover span{
  background:#fff!important;color:var(--wf-pro-blue)!important;transform:none!important;
}
.adminlte-nav a.wf-menu-item.active{
  background:var(--wf-pro-active)!important;border-color:#ffe8a3!important;color:var(--wf-pro-navy)!important;
  box-shadow:none!important;transform:none!important;
}
.adminlte-nav a.wf-menu-item.active:before{
  content:"";position:absolute;left:-14px;top:10px;width:4px;height:24px;border-radius:0 999px 999px 0;
  background:var(--wf-pro-gold);box-shadow:none;
}
.adminlte-nav a.wf-menu-item.active span{
  background:#fff!important;color:#b77900!important;border-color:#ffe8a3!important;transform:none!important;
}
.adminlte-nav .wf-menu-0,.adminlte-nav .wf-menu-1,.adminlte-nav .wf-menu-2,.adminlte-nav .wf-menu-3,.adminlte-nav .wf-menu-4,.adminlte-nav .wf-menu-5,.adminlte-nav .wf-menu-6,.adminlte-nav .wf-menu-7,.adminlte-nav .wf-menu-8,.adminlte-nav .wf-menu-9,.adminlte-nav .wf-menu-10,.adminlte-nav .wf-menu-11,.adminlte-nav .wf-menu-12,.adminlte-nav .wf-menu-13{
  --mi-bg:#f3f6fb!important;--mi-color:#526072!important;
}
.wf-role-admin .adminlte-brand,.wf-role-staff .adminlte-brand,.wf-role-legal .adminlte-brand,.wf-role-finance .adminlte-brand,.wf-role-customer .adminlte-brand{background:#fff!important;color:var(--wf-pro-navy)!important;}
.dark-mode .adminlte-sidebar{background:#101827!important;border-color:#1f2937!important;}
.dark-mode .adminlte-brand,.dark-mode .adminlte-profile{background:#131e2e!important;border-color:#263244!important;color:#fff!important;}
.dark-mode .adminlte-nav a.wf-menu-item{color:#cbd5e1!important;}
.dark-mode .adminlte-nav a.wf-menu-item span{background:#172033!important;border-color:#263244!important;color:#cbd5e1!important;}
.dark-mode .adminlte-nav a.wf-menu-item:hover,.dark-mode .adminlte-nav a.wf-menu-item.active{background:#172033!important;border-color:#334155!important;color:#fff!important;}
@media(max-width:900px){.adminlte-sidebar{border-radius:0 18px 18px 0!important;}.adminlte-nav a.wf-menu-item{min-height:46px!important;}}


/* === Final dashboard/package/mobile polish applied to latest ZIP === */
html,body,input,select,textarea,button{font-family:'OpenSansLocal','Open Sans',Arial,Helvetica,sans-serif!important;font-weight:400!important;}
body{font-weight:400!important;color:#111827!important;}
h1,h2,h3,h4,h5,h6,.adminlte-title h1,.wp-auth-form h1,.wp-title,.hero h1{font-weight:700!important;letter-spacing:-.015em!important;}
.adminlte-nav a,.btn,.wp-btn-primary,.wp-btn-outline{font-weight:600!important;}
.adminlte-brand{justify-content:center!important;padding:6px 0 16px!important;}
.wf-dashboard-logo-img{max-width:185px!important;width:auto!important;max-height:58px!important;object-fit:contain!important;}
.wf-dashboard-logo-fallback{width:54px;height:54px;border-radius:16px;background:#ffcc00;color:#111827;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;}
.wf-menu-svg,.kpi-icon svg{stroke:currentColor!important;fill:none!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.wf-kpi-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;}
.wf-kpi-icons .adminlte-kpi{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:#fff!important;border:1px solid #e8edf5!important;border-radius:22px!important;padding:20px!important;box-shadow:0 12px 32px rgba(15,23,42,.055)!important;}
.wf-kpi-icons .kpi-text span{font-size:13px!important;color:#667085!important;font-weight:600!important;}
.wf-kpi-icons .kpi-text b{display:block;font-size:30px!important;line-height:1.1;font-weight:700!important;color:#101828!important;margin:5px 0;}
.wf-kpi-icons .kpi-text small{color:#98a2b3!important;font-weight:400!important;}
.wf-kpi-icons .kpi-icon{width:58px!important;height:58px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff8e1!important;color:#c27803!important;flex:0 0 58px;}
.wf-kpi-icons .kpi-active .kpi-icon,.wf-kpi-icons .kpi-approved .kpi-icon{background:#ecfdf3!important;color:#16a34a!important;}
.wf-kpi-icons .kpi-used .kpi-icon,.wf-kpi-icons .kpi-orders .kpi-icon,.wf-kpi-icons .kpi-report .kpi-icon{background:#eff6ff!important;color:#2563eb!important;}
.wf-kpi-icons .kpi-locked .kpi-icon,.wf-kpi-icons .kpi-rejected .kpi-icon{background:#fef2f2!important;color:#dc2626!important;}
.wf-kpi-icons .kpi-revenue .kpi-icon,.wf-kpi-icons .kpi-ticket .kpi-icon{background:#fff8e1!important;color:#ca8a04!important;}
.wf-kpi-icons .kpi-icon svg{width:26px!important;height:26px!important;}
.wf-package-features{min-height:96px;color:#667085!important;font-size:13px!important;line-height:1.58!important;}
.wf-package-features ul,.wf-package-features ol{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:8px;}
.wf-package-features li{position:relative;padding-left:24px;font-weight:400!important;color:#3b455d!important;}
.wf-package-features li:before{content:'✓';position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:#fff4c2;color:#8a5a00;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
body.wf-home-clean .wf-package-tab-grid{gap:24px!important;align-items:stretch!important;}
body.wf-home-clean .wf-package-tab-card{padding:22px!important;min-height:280px!important;border-radius:22px!important;gap:15px!important;}
body.wf-home-clean .wf-pass-highlight-row{gap:10px!important;}
body.wf-home-clean .wf-pass-highlight-row span{font-weight:600!important;padding:9px 6px!important;}
body.wf-home-clean .wf-package-title-row h3{font-weight:650!important;}
body.wf-home-clean .wf-package-title-row strong{font-weight:700!important;}
.wf-login-logo-img{max-width:210px;max-height:64px;object-fit:contain;display:block;margin:0 auto 8px;}
.wf-bo-brand-logo{display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:18px!important;}
.wf-bo-brand-logo h1,.wf-bo-brand-logo .logo{display:none!important;}
.wf-terms-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:99999;align-items:center;justify-content:center;padding:18px;}
.wf-terms-modal.open{display:flex;}
.wf-terms-dialog{width:min(680px,96vw);background:#fff;border-radius:22px;padding:22px;box-shadow:0 28px 80px rgba(15,23,42,.25);}
.wf-terms-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.wf-terms-head h3{margin:0;font-size:20px;}
.wf-terms-head button{width:36px;height:36px;border:0;border-radius:12px;background:#f3f4f6;font-size:22px;cursor:pointer;}
.wf-terms-scroll{max-height:330px;overflow:auto;border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fbfcff;line-height:1.65;color:#475467;}
.wf-terms-dialog .wp-btn-primary:disabled{opacity:.55;cursor:not-allowed;background:#e5e7eb!important;color:#667085!important;box-shadow:none!important;}
.wp-auth-main{min-height:100vh!important;}
.wp-auth-form{overflow:auto!important;}
.wp-auth-form input{font-weight:400!important;}
@media(max-width:1100px){.wf-kpi-icons{grid-template-columns:repeat(2,minmax(0,1fr));}.wf-city-package-card{scroll-margin-top:12px;}}
@media(max-width:760px){
  .wf-kpi-icons{grid-template-columns:1fr!important;gap:12px!important;}
  .wf-kpi-icons .adminlte-kpi{padding:16px!important;border-radius:18px!important;}
  .wf-kpi-icons .kpi-icon{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .wf-kpi-icons .kpi-text b{font-size:26px!important;}
  .wp-auth-main,.wf-login-right{display:block!important;grid-template-columns:1fr!important;min-height:100vh!important;background:#fbfcff!important;}
  .wp-auth-visual{display:block!important;min-height:125px!important;height:125px!important;background-size:cover!important;background-position:center!important;border-radius:0 0 22px 22px!important;}
  .wp-auth-form{min-height:auto!important;padding:18px!important;max-height:none!important;justify-content:flex-start!important;}
  .wp-auth-form h1{font-size:25px!important;margin:4px 0 4px!important;}
  .wp-auth-form p{font-size:13px!important;margin:0 0 12px!important;}
  .wp-form-grid{grid-template-columns:1fr!important;gap:0!important;}
  .wp-field{margin-bottom:8px!important;}
  .wp-field input,.wp-auth-form input{height:42px!important;margin:4px 0 8px!important;border-radius:11px!important;font-size:14px!important;}
  .wp-btn-primary,.wp-btn-outline{height:43px!important;font-size:14px!important;border-radius:11px!important;}
  .wp-auth-actions{gap:8px!important;}
  .terms-normal{font-size:12px!important;line-height:1.4!important;}
  .wf-terms-scroll{max-height:55vh;}
  body.wf-home-clean .wf-package-tab-card{min-height:auto!important;padding:18px!important;}
  .wf-package-features{min-height:auto!important;}
  .wf-city-panel-head,.wf-city-title{align-items:flex-start!important;}
  .wf-city-panel-head{flex-direction:column!important;}
  .wf-city-title img{width:68px!important;height:52px!important;}
}
