:root {
    --cw-dark: #101820;
    --cw-deep: #0b332c;
    --cw-gold: #ffc107;
    --cw-muted: #64748b;
    --cw-soft: #f6f8fb;
    --cw-danger: #dc3545;
    --cw-success: #198754;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--cw-soft);
    color: #172033;
}

.text-white-75 {
    color: rgba(255,255,255,.75);
}

.cw-nav-wrapper {
    background: var(--cw-dark);
}

.cw-navbar {
    background: linear-gradient(135deg, #111827 0%, #0b332c 55%, #031b16 100%);
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

.cw-brand-mark {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cw-gold);
    color: #111827;
    border-radius: 14px;
    font-weight: 900;
    letter-spacing: -.08em;
}

.cw-hero,
.cw-page-header {
    background:
        radial-gradient(circle at top right, rgba(255,193,7,.25), transparent 28%),
        linear-gradient(135deg, #111827 0%, #0b332c 58%, #05251f 100%);
}

.cw-command-card,
.cw-feature-card,
.cw-stat-card {
    background: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
}

.cw-command-card {
    border: 1px solid rgba(255,255,255,.35);
}

.cw-mini-stat {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1rem;
}

.cw-mini-stat strong {
    display: block;
    font-size: 1.9rem;
    line-height: 1;
}

.cw-mini-stat span {
    display: block;
    color: var(--cw-muted);
    font-size: .85rem;
    margin-top: .25rem;
}

.cw-pulse {
    width: 14px;
    height: 14px;
    background: #22c55e;
    border-radius: 999px;
    box-shadow: 0 0 0 0 rgba(34,197,94,.7);
    animation: cwPulse 1.5s infinite;
}

@keyframes cwPulse {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,.7); }
    70% { box-shadow: 0 0 0 14px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

.cw-feature-card {
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 25px rgba(15,23,42,.06);
}

.cw-feature-card h3 {
    font-size: 1.25rem;
    margin-top: 1rem;
}

.cw-feature-card p {
    color: var(--cw-muted);
    margin-bottom: 0;
}

.cw-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #fff7db;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
}

.cw-stat-card {
    box-shadow: 0 12px 25px rgba(15,23,42,.06);
    border: 1px solid #e5e7eb;
}

.cw-stat-card span {
    color: var(--cw-muted);
    font-size: .85rem;
    text-transform: uppercase;
    font-weight: 700;
}

.cw-stat-card strong {
    display: block;
    font-size: 2.25rem;
    line-height: 1.1;
}

.cw-stat-card.danger {
    border-color: rgba(220,53,69,.25);
    background: linear-gradient(135deg, #fff 0%, #fff1f2 100%);
}

.cw-status-reported { background: #6c757d; color: #fff; }
.cw-status-verified { background: #0dcaf0; color: #062a30; }
.cw-status-assigned { background: #6610f2; color: #fff; }
.cw-status-inprogress { background: #ffc107; color: #2f2600; }
.cw-status-resolved { background: #198754; color: #fff; }
.cw-status-rejected { background: #212529; color: #fff; }
.cw-status-escalated { background: #dc3545; color: #fff; }

.cw-map-canvas {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        radial-gradient(circle at 15% 20%, rgba(255,193,7,.35), transparent 12%),
        radial-gradient(circle at 80% 35%, rgba(220,53,69,.35), transparent 16%),
        linear-gradient(135deg, #12372f, #0f172a);
    background-size: 42px 42px, 42px 42px, auto, auto, auto;
    border: 1px solid rgba(15,23,42,.08);
}

.cw-map-label {
    position: absolute;
    left: 1rem;
    top: 1rem;
    background: rgba(255,255,255,.94);
    border-radius: 999px;
    padding: .45rem .85rem;
    font-weight: 700;
    font-size: .85rem;
}

.cw-map-pin {
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 999px 999px 999px 0;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 14px 22px rgba(0,0,0,.28);
    transition: transform .18s ease;
}

.cw-map-pin:hover {
    transform: rotate(-45deg) translateY(-4px);
}

.cw-map-pin span {
    transform: rotate(45deg);
    color: #fff;
    font-weight: 800;
}

.cw-priority-critical { background: #dc3545; }
.cw-priority-high { background: #fd7e14; }
.cw-priority-medium { background: #ffc107; }
.cw-priority-low { background: #198754; }
.cw-priority-medium span { color: #111827; }

.cw-dot {
    display: inline-flex;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    margin-right: .5rem;
}

.cw-timeline {
    display: grid;
    gap: 1rem;
}

.cw-timeline-item {
    position: relative;
    padding-left: 2rem;
    color: var(--cw-muted);
}

.cw-timeline-item:before {
    content: "";
    position: absolute;
    left: .35rem;
    top: .35rem;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #cbd5e1;
}

.cw-timeline-item.active:before {
    background: var(--cw-gold);
    box-shadow: 0 0 0 5px rgba(255,193,7,.2);
}

.cw-timeline-item strong {
    display: block;
    color: #111827;
}

.cw-timeline-item span {
    display: block;
    font-size: .9rem;
}

.cw-footer {
    background: #0f172a;
    color: rgba(255,255,255,.65);
}

.card {
    border-radius: 1.25rem;
}

.progress {
    height: .8rem;
    border-radius: 999px;
}

@media (max-width: 768px) {
    .cw-hero .display-4 {
        font-size: 2.3rem;
    }

    .cw-map-canvas {
        min-height: 420px;
    }
}

.cw-property-registered { background: #198754; color: #fff; }
.cw-property-pendingverification { background: #ffc107; color: #2f2600; }
.cw-property-informal { background: #dc3545; color: #fff; }
.cw-property-disputed { background: #fd7e14; color: #111827; }
.cw-property-approvedfordevelopment { background: #0dcaf0; color: #062a30; }
.cw-property-condemned { background: #212529; color: #fff; }

.cw-stand-draft { background: #6c757d; color: #fff; }
.cw-stand-submitted { background: #0dcaf0; color: #062a30; }
.cw-stand-underreview { background: #ffc107; color: #2f2600; }
.cw-stand-awaitinginspection { background: #6610f2; color: #fff; }
.cw-stand-inspectioncompleted { background: #0d6efd; color: #fff; }
.cw-stand-approved { background: #198754; color: #fff; }
.cw-stand-rejected { background: #212529; color: #fff; }
.cw-stand-returnedforchanges { background: #fd7e14; color: #111827; }

.cw-risk-low { background: #198754; color: #fff; }
.cw-risk-medium { background: #ffc107; color: #2f2600; }
.cw-risk-high { background: #fd7e14; color: #111827; }
.cw-risk-critical { background: #dc3545; color: #fff; }

.cw-3d-placeholder,
.cw-3d-stage {
    border: 1px dashed #cbd5e1;
    border-radius: 1.25rem;
    padding: 1.25rem;
    text-align: center;
    background: linear-gradient(135deg, #f8fafc 0%, #fff7db 100%);
}

.cw-3d-cube {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827, #0b332c);
    color: #ffc107;
    font-weight: 900;
    box-shadow: 0 16px 35px rgba(15,23,42,.25);
    transform: rotate(-8deg) skew(-4deg);
}

.cw-3d-cube.large {
    width: 150px;
    height: 150px;
    font-size: 2.4rem;
    border-radius: 34px;
    animation: cwFloat 3s ease-in-out infinite;
}

@keyframes cwFloat {
    0%, 100% { transform: rotate(-8deg) skew(-4deg) translateY(0); }
    50% { transform: rotate(-3deg) skew(-4deg) translateY(-8px); }
}

.cw-before-after {
    display: grid;
    gap: 1rem;
}

.cw-before-after > div {
    border-radius: 1.2rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.cw-before-after strong,
.cw-before-after span {
    display: block;
}

.cw-before-after span {
    color: var(--cw-muted);
    font-size: .9rem;
    margin-top: .25rem;
}

.mg-vendor-hero,.vendor-page-hero,.mg-admin-band{background:radial-gradient(circle at 90% 20%,rgba(255,193,7,.24),transparent 25%),linear-gradient(125deg,#101820,#0b332c 62%,#185d3d)}
.mg-vendor-hero h1 span{color:#ffc107}.mg-pill{display:inline-flex;background:#ffc107;color:#172033;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:900;text-transform:uppercase}.mg-trust-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.7rem;color:rgba(255,255,255,.72);font-size:.82rem}
.mg-phone-stage{position:relative;min-height:510px;display:grid;place-items:center}.mg-phone{width:320px;max-width:82vw;background:#fff;border:9px solid #0b1319;border-radius:2.5rem;padding:1.15rem;box-shadow:0 30px 70px rgba(0,0,0,.38);overflow:hidden}.mg-phone-bar,.mg-phone-nav{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.mg-phone-location{display:grid;margin:1.4rem 0 .8rem}.mg-phone-search{background:#f0f4f3;border:1px solid #dce5e2;border-radius:.9rem;padding:.8rem;color:#64748b}.mg-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}.mg-product-grid article{display:grid;gap:.22rem;font-size:.78rem}.mg-product-grid small{color:#64748b}.product-visual{height:105px;display:grid;place-items:center;border-radius:1rem;font-size:3rem}.product-visual.produce{background:#dff5df}.product-visual.food{background:#fff0d7}.mg-phone-nav{margin:1.2rem -1.15rem -1.15rem;padding:.8rem 1rem;border-top:1px solid #e2e8f0}.mg-phone-nav b{display:grid;text-align:center;color:#0b332c}.mg-phone-nav small{font-size:.55rem}
.mg-float-card{position:absolute;background:#fff;border-radius:1rem;padding:.8rem 1rem;box-shadow:0 14px 35px rgba(0,0,0,.25);display:grid;font-size:.78rem}.mg-float-card span{color:#64748b;font-size:.68rem}.card-safe{left:0;top:25%}.card-earned{right:0;bottom:20%}.mg-product-card{display:block;height:100%;padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.4rem;background:#fff;color:#172033;text-decoration:none;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:.2s}.mg-product-card:hover{transform:translateY(-5px)}.mg-product-card>span{font-size:2rem}.mg-product-card h3{font-size:1.25rem;margin-top:1rem}.mg-product-card p{color:#64748b}.mg-product-card b{color:#087b59;font-size:.85rem}
.mg-story{background:#e9f1ed}.mg-story-photo{position:relative;min-height:430px;border-radius:2rem;background:linear-gradient(145deg,#ffc107,#e18d28 55%,#174a37);display:grid;place-items:center;overflow:hidden}.story-person{font-size:13rem}.story-badge{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;background:rgba(255,255,255,.94);border-radius:1rem;padding:1rem;display:grid}.story-badge span{color:#64748b;font-size:.8rem}.mg-roadmap-card{height:100%;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2rem;box-shadow:0 12px 28px rgba(15,23,42,.06)}.mg-roadmap-card.dark{background:#0b332c;color:#fff}.mg-roadmap-card.dark p{color:rgba(255,255,255,.7)}.mg-payment-flow,.payment-methods,.vendor-filter-row,.map-filters{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mg-payment-flow span{padding:.6rem .8rem;border-radius:.7rem;background:rgba(255,255,255,.1)}
.payment-balance{display:grid;background:#0b332c;color:#fff;border-radius:1.2rem;padding:1.5rem;margin-top:1rem}.payment-balance strong{font-size:2.6rem;color:#ffc107}.payment-methods span,.vendor-filter-row button,.map-filters button{border:1px solid #d9e2df;background:#fff;border-radius:999px;padding:.5rem .8rem}.vendor-filter-row button.active,.map-filters button.active{background:#0b332c;color:#fff}.market-product{height:100%;background:#fff;border:1px solid #e2e8f0;border-radius:1.3rem;padding:1rem}.market-product-image{height:180px;display:grid;place-items:center;background:#eef4f0;border-radius:1rem;font-size:5rem}.market-product h2{margin-top:1rem}.market-product small{color:#64748b}.market-product>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.market-product button{border:0;background:#ffc107;border-radius:50%;width:36px;height:36px;font-weight:900}
.map-page{display:grid;grid-template-columns:minmax(300px,390px) 1fr;min-height:calc(100vh - 84px)}.map-sidebar{background:#fff;padding:2rem;z-index:2}.map-vendor{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.map-vendor div{display:grid}.map-vendor small{color:#64748b}.map-consent-note{margin-top:1.5rem;padding:1rem;background:#fff8df;border-radius:1rem;font-size:.8rem}.community-map{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),#dbe9df;background-size:45px 45px}.map-street{position:absolute;width:130%;height:24px;background:#fff;border:1px solid #bdccc4;left:-15%;top:35%;transform:rotate(-14deg)}.street-two{top:65%;transform:rotate(26deg)}.street-three{top:20%;transform:rotate(65deg)}.map-marker{position:absolute;border:5px solid #fff;background:#ffc107;width:58px;height:58px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);font-size:1.4rem}.m1{left:25%;top:25%}.m2{left:58%;top:52%}.m3{right:15%;top:20%}.map-layer-control{position:absolute;right:1rem;bottom:1rem;background:#fff;padding:1rem;border-radius:1rem;display:grid;gap:.4rem}.map-layer-control label{font-size:.8rem}
@media(max-width:991.98px){.map-page{grid-template-columns:1fr}.community-map{min-height:500px}}@media(max-width:575.98px){.mg-float-card{display:none}.story-person{font-size:10rem}.market-product-image{height:130px;font-size:3.5rem}}

.dropdown-menu .dropdown-item {
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.mg-brand-symbol{width:48px;height:48px;flex:0 0 48px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}.mg-wordmark{display:grid;line-height:1.04}.mg-wordmark strong{font-size:1.28rem;letter-spacing:-.035em}.mg-wordmark strong em{color:#ffc20a;font-style:normal}.mg-wordmark small{margin-top:.38rem;color:rgba(255,255,255,.63);font-size:.67rem;letter-spacing:.075em;text-transform:uppercase}.mg-vendor-brand{display:flex;align-items:center;gap:.8rem}.mg-vendor-brand .mg-wordmark strong em{color:#ffd447}.mg-vendor-brand .mg-wordmark small{color:#ffd76a;font-weight:700}

.vendor-app-body{background:#f5f6f2}.vendor-app-nav,.vendor-app-footer{background:#082d28;color:rgba(255,255,255,.7)}.vendor-app-nav small{font-size:.72rem;color:#ffd44d}.vendor-app-hero{background:radial-gradient(circle at 85% 20%,rgba(255,193,7,.3),transparent 25%),linear-gradient(125deg,#101820,#0b332c 64%,#176342)}.vendor-app-hero h1 span{color:#ffc107}.vendor-phone-card{max-width:350px;margin:auto;background:#fff;border-radius:2rem;padding:1.5rem;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(2deg)}.vendor-phone-top span{display:grid;place-items:center;width:46px;height:46px;background:#ffc107;border-radius:14px;margin:0 auto .75rem;font-weight:900}.vendor-phone-top b,.vendor-phone-top small{display:block}.vendor-demo-qr{font-size:7rem;line-height:1;margin:1.2rem}.vendor-valid-pill{display:inline-block;background:#dff7ec;color:#06724b;padding:.45rem .8rem;border-radius:999px;font-weight:900}.vendor-form-shell{border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 55px rgba(15,23,42,.12)}.vendor-form-aside{background:#0b332c;padding:2rem;color:rgba(255,255,255,.72)}.vendor-success-card{max-width:620px;background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 15px 40px rgba(15,23,42,.1)}.vendor-success-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:#dff7ec;color:#078154;font-size:2rem;font-weight:900}.vendor-reference{display:grid;gap:.2rem;background:#f5f7f8;padding:1rem;border-radius:1rem}.vendor-certificate{max-width:900px;background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 18px 50px rgba(15,23,42,.12);border-top:8px solid #ffc107}.certificate-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.certificate-header strong,.certificate-header small{display:block}.certificate-status{padding:.5rem .75rem;border-radius:999px;font-weight:900;font-size:.75rem}.certificate-status.active{background:#dff7ec;color:#08754f}.certificate-status.inactive{background:#fee2e2;color:#b91c1c}.certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.certificate-grid div{background:#f8fafc;padding:1rem;border-radius:1rem}.certificate-grid dt{font-size:.72rem;text-transform:uppercase;color:#64748b}.certificate-grid dd{margin:0;font-weight:700}.certificate-qr{width:190px;max-width:100%}.certificate-privacy{padding:1rem;border-radius:1rem;background:#fff8df;color:#655520;font-size:.85rem}@media(max-width:767.98px){.certificate-grid{grid-template-columns:1fr}.certificate-header{align-items:flex-start;gap:1rem}.vendor-form-aside{padding:1.5rem}}