:root{
    --amazon-dark:#131921;
    --amazon-dark-2:#232f3e;
    --amazon-accent:#febd69;
    --amazon-yellow:#ffd814;
    --amazon-orange:#f7ca00;
    --amazon-border:#d5d9d9;
    --amazon-green:#007600;
    --text:#0f1111;
    --muted:#565959;
    --bg:#eaeded;
    --card:#ffffff;
    --panel-primary:#635bff;
    --panel-primary-2:#5148f5;
    --panel-accent:#36c76c;
    --panel-soft:#eff4fa;
    --panel-line:#e0e6eb;
}
body{
    background:var(--bg);
    color:var(--text);
    font-family: Arial, Helvetica, sans-serif;
}
.public-premium-body{
    background:linear-gradient(180deg, #f8fbff 0%, #eef3f8 100%);
    color:#0f172a;
    font-family:'Inter', Arial, Helvetica, sans-serif;
}
.public-top-strip{
    background:#0f172a;
    color:rgba(255,255,255,.82);
    font-size:12px;
    padding:8px 0;
}
.public-top-strip-links{
    display:flex;
    align-items:center;
    gap:18px;
}
.public-top-strip-links a{
    color:#fff;
}
.public-premium-body .amazon-topbar{
    position:sticky;
    top:0;
    z-index:1035;
    background:rgba(15, 23, 42, .92);
    backdrop-filter:blur(12px);
    box-shadow:0 18px 36px rgba(15, 23, 42, .12);
}
.public-premium-body .amazon-subbar{
    background:#172033;
}
.public-premium-body .content-wrapper{
    background:transparent;
}
.premium-hero{
    display:block;
    padding:32px;
    border-radius:8px;
    background:linear-gradient(135deg, rgba(249, 115, 22, .08) 0%, rgba(255,255,255,.94) 42%, rgba(14, 165, 233, .08) 100%);
    border:1px solid #dce4ee;
    box-shadow:0 22px 50px rgba(15, 23, 42, .08);
    margin-bottom:24px;
}
.premium-hero-copy{
    max-width:920px;
}
.premium-hero-carousel{
    position:relative;
    width:100vw;
    left:50%;
    right:50%;
    margin-left:calc(-50vw + 8px);
    margin-right:calc(-50vw + 8px);
    margin-bottom:24px;
}
.premium-hero-carousel .carousel-item{
    transition:transform .6s ease-in-out;
}
.premium-hero-carousel .carousel-item.active .premium-hero-banner-image{
    transform:scale(1.04);
}
.premium-hero-carousel .carousel-item.active .premium-hero-copy--banner{
    animation:premiumHeroCopyIn .7s ease both;
}
.premium-hero-carousel .carousel-item .premium-hero-banner-image{
    transition:transform 5s ease;
}
.premium-hero--slider{
    margin-bottom:0;
}
.premium-hero-banner{
    position:relative;
    min-height:620px;
    border-radius:0;
    overflow:hidden;
    border-top:1px solid #dce4ee;
    border-bottom:1px solid #dce4ee;
    box-shadow:0 22px 50px rgba(15, 23, 42, .08);
}
.premium-hero-banner-image,
.premium-hero-banner-fallback{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.premium-hero-banner-fallback{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color:#f97316;
    font-size:120px;
}
.premium-hero-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(15, 23, 42, .82) 0%, rgba(15, 23, 42, .62) 36%, rgba(15, 23, 42, .16) 100%);
}
.premium-hero-banner-content{
    position:relative;
    z-index:2;
    min-height:620px;
    display:flex;
    align-items:center;
    padding:54px calc((100vw - min(1140px, 100vw - 30px)) / 2 + 15px);
}
.premium-hero-copy--banner{
    max-width:640px;
}
.premium-hero-copy--banner h1{
    color:#ffffff;
    margin-bottom:16px;
    text-shadow:0 10px 28px rgba(15, 23, 42, .28);
}
.premium-hero-copy--banner p{
    color:rgba(255,255,255,.84);
    text-shadow:0 8px 18px rgba(15, 23, 42, .2);
}
.premium-btn-secondary--light{
    background:rgba(255,255,255,.92);
    border-color:rgba(255,255,255,.92);
}
.premium-btn-secondary--light:hover{
    background:#ffffff;
    border-color:#ffffff;
}
.premium-hero-banner .premium-stat-card{
    background:rgba(255,255,255,.92);
    border-color:rgba(255,255,255,.94);
}
@keyframes premiumHeroCopyIn{
    from{
        opacity:0;
        transform:translateY(18px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.premium-hero-indicators{
    bottom:18px;
}
.premium-hero-indicators li{
    width:10px;
    height:10px;
    border-radius:999px;
    background:rgba(15, 23, 42, .28);
    border:0;
    margin:0 5px;
}
.premium-hero-indicators .active{
    background:#f97316;
}
.premium-hero-control{
    width:52px;
    opacity:1;
}
.premium-hero-control .carousel-control-prev-icon,
.premium-hero-control .carousel-control-next-icon{
    width:42px;
    height:42px;
    border-radius:999px;
    background-color:rgba(15, 23, 42, .74);
    background-size:16px 16px;
}
.premium-eyebrow{
    display:inline-block;
    margin-bottom:12px;
    color:#f97316;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.premium-hero-copy h1{
    font-size:52px;
    line-height:1.06;
    letter-spacing:-.03em;
    margin:0 0 18px;
    color:#0f172a;
}
.premium-hero-copy p{
    max-width:640px;
    margin:0 0 24px;
    color:#64748b;
    font-size:17px;
    line-height:1.7;
}
.premium-hero-actions,
.premium-deal-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.premium-btn-primary,
.premium-btn-secondary{
    min-height:46px;
    padding:10px 22px;
    border-radius:8px;
    font-weight:700;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.premium-btn-primary{
    background:#f97316;
    border:1px solid #f97316;
    color:#fff;
    box-shadow:0 18px 32px rgba(249, 115, 22, .18);
}
.premium-btn-primary:hover{
    background:#ea580c;
    border-color:#ea580c;
    color:#fff;
    transform:translateY(-1px);
}
.premium-btn-secondary{
    background:#fff;
    border:1px solid #dce4ee;
    color:#0f172a;
}
.premium-btn-secondary:hover{
    background:#f8fafc;
    color:#0f172a;
    transform:translateY(-1px);
}
.premium-btn-inline{
    width:auto;
}
.premium-hero-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    margin-top:26px;
}
.premium-stat-card{
    padding:18px;
    border-radius:8px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(220, 228, 238, .95);
    box-shadow:0 12px 26px rgba(15, 23, 42, .05);
}
.premium-stat-card strong{
    display:block;
    font-size:24px;
    line-height:1.1;
    color:#0f172a;
}
.premium-stat-card span{
    display:block;
    margin-top:6px;
    font-size:13px;
    color:#64748b;
}
.premium-hero-visual{
    position:relative;
}
.premium-hero-image-card{
    min-height:440px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    border-radius:8px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border:1px solid #dce4ee;
    box-shadow:0 22px 50px rgba(15, 23, 42, .08);
}
.premium-hero-image-card img{
    max-width:100%;
    max-height:380px;
    object-fit:contain;
}
.premium-hero-image-card i{
    font-size:112px;
    color:#f97316;
}
.premium-floating-offer{
    position:absolute;
    right:18px;
    bottom:18px;
    max-width:250px;
    padding:18px;
    border-radius:8px;
    background:#0f172a;
    color:#fff;
    box-shadow:0 18px 36px rgba(15, 23, 42, .18);
}
.premium-floating-offer span,
.premium-floating-offer small{
    display:block;
    color:rgba(255,255,255,.74);
}
.premium-floating-offer strong{
    display:block;
    font-size:18px;
    line-height:1.35;
    margin:8px 0;
}
.premium-track-card,
.premium-search-card,
.premium-newsletter-card{
    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(340px, 1.1fr);
    gap:20px;
    align-items:center;
    padding:26px 28px;
    border-radius:8px;
    background:#fff;
    border:1px solid #dce4ee;
    box-shadow:0 18px 40px rgba(15, 23, 42, .05);
    margin-bottom:26px;
}
.premium-track-card h3,
.premium-search-card h3,
.premium-newsletter-card h2{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.15;
    color:#0f172a;
}
.premium-track-card p,
.premium-search-card p,
.premium-newsletter-card p{
    margin:0;
    color:#64748b;
    line-height:1.7;
}
.premium-track-form,
.premium-newsletter-form{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}
.premium-newsletter-form{
    grid-template-columns:minmax(0, 1fr) auto;
}
.premium-track-form .form-control,
.premium-newsletter-form .form-control{
    min-height:46px;
    border-radius:8px;
    border:1px solid #dce4ee;
    box-shadow:none;
}
.premium-section{
    margin-bottom:26px;
}
.premium-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
    margin-bottom:20px;
}
.premium-section-head h2{
    margin:0;
    max-width:760px;
    font-size:34px;
    line-height:1.12;
    color:#0f172a;
}
.premium-products-area{
    padding:4px 0 0;
}
.premium-product-track{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:22px;
    width:100%;
    padding:6px 0 0;
    transition:opacity .25s ease;
}
.premium-product-slide{
    min-width:0;
    transition:transform .25s ease;
}
.premium-category-card{
    display:block;
    height:100%;
    padding:24px 22px;
    border-radius:8px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border:1px solid #dce4ee;
    box-shadow:0 14px 32px rgba(15, 23, 42, .05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.premium-category-card:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 38px rgba(15, 23, 42, .08);
    border-color:#cbd5e1;
}
.premium-category-icon{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#fff4ec;
    color:#f97316;
    font-size:24px;
    margin-bottom:18px;
}
.premium-category-card h4{
    margin:0 0 10px;
    font-size:20px;
    color:#0f172a;
}
.premium-category-card p{
    margin:0;
    color:#64748b;
    line-height:1.65;
}
.premium-deal-banner{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(280px, .55fr);
    gap:24px;
    padding:30px;
    border-radius:8px;
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color:#fff;
    box-shadow:0 26px 54px rgba(15, 23, 42, .14);
}
.premium-deal-copy h2{
    margin:0 0 12px;
    font-size:36px;
    line-height:1.12;
    color:#fff;
}
.premium-deal-copy p{
    max-width:620px;
    margin:0 0 18px;
    color:rgba(255,255,255,.72);
    line-height:1.7;
}
.premium-deal-copy .premium-eyebrow{
    color:#fdba74;
}
.premium-discount-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:78px;
    min-height:46px;
    padding:0 16px;
    border-radius:8px;
    background:#fb923c;
    font-weight:800;
    color:#fff;
}
.premium-deal-timer{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    align-self:center;
}
.premium-deal-timer div{
    padding:18px 16px;
    border-radius:8px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}
.premium-deal-timer strong{
    display:block;
    font-size:32px;
    line-height:1;
    color:#fff;
}
.premium-deal-timer span{
    display:block;
    margin-top:8px;
    font-size:12px;
    color:rgba(255,255,255,.7);
    text-transform:uppercase;
    letter-spacing:.06em;
}
.premium-live-search .live-search-input{
    min-height:52px;
    border-color:#dce4ee;
    background:#f8fafc;
}
.premium-live-search .live-search-input:focus{
    border-color:#f97316;
    box-shadow:0 0 0 3px rgba(249, 115, 22, .12);
}
.premium-product-card{
    display:flex;
    flex-direction:column;
    height:100%;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce4ee;
    box-shadow:0 14px 34px rgba(15, 23, 42, .05);
    transition:transform .2s ease, box-shadow .2s ease;
}
.premium-product-card:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 40px rgba(15, 23, 42, .09);
}
.premium-product-media{
    position:relative;
    height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.premium-product-media img{
    max-width:100%;
    max-height:220px;
    object-fit:contain;
}
.premium-product-badge{
    position:absolute;
    top:14px;
    left:14px;
    padding:5px 10px;
    border-radius:999px;
    background:#fff4ec;
    color:#f97316;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.premium-wishlist-btn{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:1px solid #dce4ee;
    border-radius:999px;
    background:#fff;
    color:#64748b;
}
.premium-product-body{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    padding:20px;
}
.premium-rating-row{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
}
.premium-rating-stars{
    color:#f59e0b;
    font-size:13px;
    letter-spacing:.08em;
}
.premium-rating-row small{
    color:#64748b;
}
.premium-product-actions{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:10px;
}
.premium-product-actions .premium-btn-secondary{
    min-width:104px;
}
.premium-offer-hero{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 220px;
    gap:24px;
    align-items:center;
    padding:34px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:linear-gradient(135deg, #f8fafc 0%, #ffffff 54%, #ecfdf5 100%);
    box-shadow:0 18px 40px rgba(15, 23, 42, .06);
}
.premium-offer-hero h1{
    margin:8px 0 10px;
    font-size:42px;
    line-height:1.08;
    color:#0f172a;
}
.premium-offer-hero p{
    margin:0;
    max-width:760px;
    color:#64748b;
    font-size:18px;
}
.premium-offer-hero-stat{
    padding:22px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:#ffffff;
    text-align:right;
}
.premium-offer-hero-stat span{
    display:block;
    color:#64748b;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.premium-offer-hero-stat strong{
    display:block;
    color:#0f172a;
    font-size:42px;
    line-height:1;
}
.premium-offer-list-section{
    margin-top:24px;
}
.premium-offer-search{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    gap:12px;
    align-items:center;
    margin-bottom:24px;
}
.premium-offer-search-input{
    position:relative;
}
.premium-offer-search-input i{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:#64748b;
}
.premium-offer-search-input .form-control{
    min-height:54px;
    padding-left:50px;
    border-radius:8px;
}
.premium-offer-grid{
    align-items:stretch;
}
.premium-offer-card{
    position:relative;
    overflow:hidden;
}
.premium-offer-saving{
    position:absolute;
    right:14px;
    top:14px;
    z-index:2;
    padding:5px 10px;
    border-radius:999px;
    background:#f59e0b;
    color:#ffffff;
    font-size:12px;
    font-weight:800;
}
.premium-offer-specs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 14px;
}
.premium-offer-specs span{
    padding:5px 10px;
    border-radius:999px;
    background:#f1f5f9;
    color:#334155;
    font-size:13px;
    font-weight:700;
}
.premium-trust-card,
.premium-review-card{
    height:100%;
    padding:24px;
    border-radius:8px;
    background:#fff;
    border:1px solid #dce4ee;
    box-shadow:0 14px 32px rgba(15, 23, 42, .05);
}
.premium-trust-card i{
    font-size:24px;
    color:#f97316;
    margin-bottom:16px;
}
.premium-trust-card h4{
    margin:0 0 10px;
    font-size:19px;
    color:#0f172a;
}
.premium-trust-card p,
.premium-review-card p{
    margin:0;
    color:#64748b;
    line-height:1.7;
}
.premium-review-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}
.premium-review-avatar{
    width:48px;
    height:48px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4ec;
    color:#f97316;
    font-weight:800;
}
.premium-review-head strong{
    display:block;
    color:#0f172a;
}
.premium-review-head span{
    display:block;
    color:#64748b;
    font-size:13px;
}
.premium-footer-grid{
    grid-template-columns:1.2fr .8fr .8fr 1fr;
}
.premium-footer-social,
.premium-footer-payments{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.premium-footer-social a,
.premium-footer-payments span{
    width:38px;
    height:38px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.06);
    color:#fff;
}
.premium-footer-payments span{
    width:auto;
    padding:0 14px;
    border-radius:999px;
    gap:8px;
}
@media (max-width: 1199px){
    .premium-hero,
    .premium-track-card,
    .premium-search-card,
    .premium-newsletter-card,
    .premium-offer-hero,
    .premium-deal-banner{
        grid-template-columns:1fr;
    }
    .premium-offer-hero-stat{
        text-align:left;
    }
    .premium-footer-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px){
    .public-top-strip{
        display:none;
    }
    .premium-hero{
        padding:22px;
    }
    .premium-hero-banner,
    .premium-hero-banner-content{
        min-height:460px;
    }
    .premium-hero-carousel{
        margin-left:calc(-50vw + 0px);
        margin-right:calc(-50vw + 0px);
    }
    .premium-hero-control{
        display:none;
    }
    .premium-hero-copy h1{
        font-size:36px;
    }
    .premium-section-head{
        flex-direction:column;
        align-items:flex-start;
    }
    .premium-section-head h2,
    .premium-track-card h3,
    .premium-search-card h3,
    .premium-newsletter-card h2,
    .premium-offer-hero h1,
    .premium-deal-copy h2{
        font-size:28px;
    }
    .premium-hero-stats,
    .premium-track-form,
    .premium-newsletter-form,
    .premium-product-actions,
    .premium-offer-search,
    .premium-deal-timer{
        grid-template-columns:1fr;
    }
    .premium-offer-hero{
        padding:24px;
    }
    .premium-hero-image-card{
        min-height:300px;
    }
    .premium-hero-banner-content{
        padding:24px 20px;
    }
    .premium-floating-offer{
        position:static;
        max-width:none;
        margin-top:14px;
    }
    .premium-footer-grid{
        grid-template-columns:1fr;
    }
    .premium-product-track{
        grid-template-columns:1fr;
        gap:16px;
    }
}
.responsive-auth-page,
.modern-auth-body{
    min-height:100vh;
    background:
        linear-gradient(135deg, rgba(99, 91, 255, .12) 0%, rgba(99, 91, 255, .03) 36%, rgba(54, 199, 108, .07) 100%),
        #f4f7fb;
}
.responsive-auth-main,
.amazon-auth-wrap{
    min-height:calc(100vh - 58px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px 16px;
}
.auth-card-wrap,
.amazon-auth-wrap > .w-100{
    width:100%;
    max-width:1080px !important;
    display:grid;
    grid-template-columns:minmax(280px, .9fr) minmax(340px, .8fr);
    gap:22px;
    align-items:stretch;
}
.modern-auth-shell{
    min-height:calc(100vh - 54px);
    max-width:1080px;
    margin:0 auto;
    padding:38px 16px;
    display:grid;
    grid-template-columns:minmax(320px, .95fr) minmax(360px, .85fr);
    gap:24px;
    align-items:center;
}
.modern-auth-shell--utility{
    min-height:calc(100vh - 58px);
}
.modern-auth-panel{
    min-height:520px;
    border-radius:8px;
    padding:34px;
    color:#ffffff;
    position:relative;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(37, 51, 77, .14);
    background:
        linear-gradient(180deg, rgba(31,42,61,.1), rgba(31,42,61,.88)),
        url("/matdash-welcome-bg2.png") center/cover no-repeat,
        linear-gradient(135deg, #635bff 0%, #5148f5 100%);
}
.modern-auth-brand img{
    max-height:74px;
    max-width:220px;
    object-fit:contain;
}
.modern-auth-copy{
    position:absolute;
    left:34px;
    right:34px;
    bottom:34px;
}
.modern-auth-copy h1{
    color:#ffffff;
    font-size:34px;
    line-height:1.16;
    margin:0 0 10px;
}
.modern-auth-copy p{
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:15px;
    line-height:1.6;
    max-width:420px;
}
.modern-auth-card{
    background:#ffffff;
    border:1px solid #e0e6eb;
    border-radius:8px;
    box-shadow:0 24px 60px rgba(37, 51, 77, .12);
    padding:32px;
}
.modern-auth-card--utility{
    max-width:540px;
    justify-self:end;
}
.modern-auth-card-header h2{
    margin:0 0 8px;
    font-size:30px;
    color:#1f2a3d;
}
.modern-auth-card-header p{
    margin:0;
    color:#7b8893;
    font-size:14px;
}
.modern-auth-eyebrow{
    display:inline-block;
    color:#635bff;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-bottom:10px;
}
.modern-auth-form{
    margin-top:24px;
}
.modern-field{
    margin-bottom:18px;
}
.modern-field label{
    display:block;
    margin-bottom:8px;
    color:#2a3547;
    font-size:14px;
    font-weight:700;
}
.modern-input-wrap{
    position:relative;
}
.modern-input-wrap i{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:#7b8893;
    z-index:2;
}
.modern-input-wrap input,
.modern-input-wrap textarea{
    width:100%;
    min-height:48px;
    border:1px solid #e0e6eb;
    border-radius:7px;
    padding:12px 14px 12px 42px;
    color:#2a3547;
    background:#ffffff;
    box-shadow:none;
}
.modern-input-wrap--textarea i{
    top:18px;
    transform:none;
}
.modern-input-wrap textarea{
    min-height:110px;
    resize:vertical;
}
.modern-input-wrap input:focus,
.modern-input-wrap textarea:focus{
    outline:none;
    border-color:#635bff;
    box-shadow:0 0 0 3px rgba(99, 91, 255, .12);
}
.modern-auth-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}
.modern-auth-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:10px 0 20px;
}
.modern-check{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#7b8893;
    font-size:14px;
}
.modern-auth-submit{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:7px;
    background:#635bff;
    color:#ffffff;
    font-weight:700;
    box-shadow:0 18px 30px rgba(99, 91, 255, .18);
}
.modern-auth-submit:hover{
    background:#5148f5;
}
.modern-auth-footer-line{
    margin-top:22px;
    color:#7b8893;
    font-size:14px;
}
.modern-auth-footer-line a,
.modern-auth-row a{
    color:#635bff;
    font-weight:700;
}
.modern-auth-footer{
    text-align:center;
    color:#7b8893;
    font-size:13px;
    padding:0 16px 22px;
}
.auth-card-wrap::before,
.amazon-auth-wrap > .w-100::before{
    content:"Secure solar customer portal";
    display:flex;
    align-items:flex-end;
    min-height:520px;
    border-radius:8px;
    padding:34px;
    color:#ffffff;
    font-size:32px;
    font-weight:700;
    line-height:1.18;
    background:
        linear-gradient(180deg, rgba(31,42,61,.12), rgba(31,42,61,.88)),
        url("/matdash-welcome-bg2.png") center/cover no-repeat,
        linear-gradient(135deg, #635bff 0%, #5148f5 100%);
    box-shadow:0 24px 60px rgba(37, 51, 77, .14);
}
.auth-brand-wrap,
.amazon-brand{
    position:absolute;
    left:-9999px;
}
.auth-card-wrap > .card,
.amazon-register-card{
    align-self:center;
    border:0 !important;
    border-radius:8px !important;
    box-shadow:0 24px 60px rgba(37, 51, 77, .12) !important;
    overflow:hidden;
    background:#ffffff !important;
}
.auth-card-wrap > .card{
    width:100%;
}
.auth-card-wrap .card-header,
.amazon-card-header{
    border:0 !important;
    padding:30px 32px 4px !important;
    background:#ffffff !important;
    text-align:left !important;
}
.auth-card-wrap .card-header a,
.amazon-card-header h1{
    color:#1f2a3d !important;
    font-size:30px !important;
    font-weight:700 !important;
    line-height:1.2;
}
.auth-card-wrap .card-body,
.amazon-card-body{
    padding:20px 32px 32px !important;
}
.login-box-msg,
.amazon-muted{
    color:#7b8893 !important;
    font-size:14px !important;
    line-height:1.55;
}
.auth-card-wrap .form-control,
.amazon-input,
.amazon-textarea{
    border:1px solid #cfd9e3 !important;
    border-radius:8px !important;
    min-height:46px;
    box-shadow:none !important;
}
.auth-card-wrap .input-group-text{
    border-color:#cfd9e3 !important;
    background:#f8fafc !important;
    color:#0f2d46;
    border-radius:0 8px 8px 0 !important;
}
.auth-card-wrap .form-control:focus,
.amazon-input:focus,
.amazon-textarea:focus{
    border-color:#635bff !important;
    box-shadow:0 0 0 3px rgba(99, 91, 255, .12) !important;
}
.auth-card-wrap .btn-primary,
.amazon-btn{
    min-height:46px;
    border:0 !important;
    border-radius:8px !important;
    background:#635bff !important;
    color:#ffffff !important;
    font-weight:700 !important;
    box-shadow:0 18px 30px rgba(99, 91, 255, .18);
}
.auth-card-wrap .btn-primary:hover,
.amazon-btn:hover{
    background:#5148f5 !important;
}
.auth-card-wrap a,
.amazon-register-card a{
    color:#635bff;
    font-weight:700;
}
.professional-auth-footer,
.amazon-footer{
    color:#607081 !important;
    font-size:13px !important;
}
.amazon-topbar{
    background:var(--amazon-dark);
    color:#fff;
}
.amazon-topbar .navbar-brand,
.amazon-topbar .nav-link{
    color:#fff !important;
}
.public-topbar-inner{
    gap:14px;
}
.public-navbar-toggler{
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    color:#fff;
    padding:8px 10px;
}
.public-navbar-toggler:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(254, 189, 105, .2);
}
.public-navbar-toggler .navbar-toggler-icon{
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.public-navbar-collapse{
    align-items:center;
    gap:16px;
}
.amazon-subbar{
    background:var(--amazon-dark-2);
}
.amazon-subbar .nav-link{
    color:#fff !important;
    font-size:14px;
}
.amazon-search{
    max-width:700px;
    width:100%;
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
}
.public-navbar-links{
    align-items:center;
}
.public-navbar-links .nav-link{
    white-space:nowrap;
}
.amazon-search .form-control{
    flex:1 1 auto;
    border-radius:8px 0 0 8px;
    border:0;
    height:42px;
    min-width:0;
}
.amazon-search .btn{
    flex:0 0 46px;
    border-radius:0 8px 8px 0;
    background:var(--amazon-accent);
    border:0;
    color:#111;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
}
.hero-strip{
    background:linear-gradient(180deg,#d7eaf8 0%,#eaeded 100%);
    border-radius:8px;
    padding:28px;
    margin-bottom:20px;
}
.hero-title{
    font-size:34px;
    font-weight:700;
    line-height:1.2;
}
.hero-sub{
    color:var(--muted);
    font-size:16px;
}
.shop-section-title{
    font-size:26px;
    font-weight:700;
    margin:0 0 6px;
}
.shop-heading-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:20px 0 14px;
}
.product-grid-card{
    background:var(--card);
    border:1px solid #e7e7e7;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(15,17,17,.05);
    transition:.2s ease;
    height:100%;
}
.product-grid-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(15,17,17,.12);
}
.product-image-wrap{
    background:#fff;
    height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
}
.product-image-wrap img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.product-title{
    font-size:18px;
    font-weight:700;
    line-height:1.35;
    min-height:48px;
}
.product-meta{
    color:var(--muted);
    font-size:14px;
}
.price-line{
    font-size:28px;
    font-weight:700;
}
.strike{
    color:var(--muted);
    text-decoration:line-through;
    font-size:14px;
}
.advance-badge{
    display:inline-block;
    background:#cc0c39;
    color:#fff;
    font-size:12px;
    padding:4px 8px;
    border-radius:6px;
    margin-bottom:10px;
}
.buy-btn{
    background:var(--amazon-yellow);
    color:#111;
    border:1px solid #fcd200;
    border-radius:8px;
    width:100%;
    font-weight:600;
}
.buy-btn:hover{
    background:var(--amazon-orange);
    color:#111;
}
.secondary-btn{
    background:#fff;
    color:#111;
    border:1px solid var(--amazon-border);
    border-radius:8px;
    width:100%;
    font-weight:600;
}
.secondary-btn:hover{
    background:#f7fafa;
}
.feature-box{
    background:#fff;
    border-radius:8px;
    border:1px solid #e7e7e7;
    padding:18px;
    height:100%;
}
.feature-box .icon{
    font-size:30px;
    color:#ff9900;
    margin-bottom:8px;
}
.detail-card{
    background:#fff;
    border-radius:8px;
    border:1px solid #e7e7e7;
    box-shadow:0 2px 10px rgba(15,17,17,.05);
}
.product-page-shell{
    display:flex;
    flex-direction:column;
    gap:24px;
}
.product-page-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    padding:28px 32px;
    border-radius:8px;
    border:1px solid #dce4ee;
    background:linear-gradient(135deg, rgba(249, 115, 22, .07) 0%, rgba(255,255,255,.96) 46%, rgba(14, 165, 233, .06) 100%);
    box-shadow:0 18px 40px rgba(15, 23, 42, .06);
}
.product-page-eyebrow{
    display:inline-block;
    margin-bottom:10px;
    color:#f97316;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.product-page-title{
    margin:0 0 12px;
    font-size:48px;
    line-height:1.08;
    letter-spacing:-.03em;
    color:#0f172a;
}
.product-page-copy{
    max-width:820px;
    margin:0;
    color:#64748b;
    font-size:17px;
    line-height:1.75;
}
.product-page-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:flex-end;
    max-width:360px;
}
.product-page-meta span{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:8px 14px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid #dbe4ec;
    color:#1e293b;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.product-page-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.55fr) minmax(320px, .8fr);
    gap:24px;
    align-items:start;
}
.detail-card--gallery{
    overflow:hidden;
}
.detail-card--content{
    padding:24px;
}
.product-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
    margin-bottom:18px;
}
.product-section-head h3{
    margin:0;
    color:#0f172a;
    font-size:24px;
    font-weight:700;
}
.product-section-head span{
    color:#64748b;
    font-size:13px;
    font-weight:600;
    text-align:right;
}
.detail-image-wrap{
    background:#fff;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}
.detail-image-wrap img{
    max-width:100%;
    max-height:450px;
    object-fit:contain;
}
.product-gallery{
    background:#fff;
    min-height:500px;
    padding:22px;
}
.product-gallery-main{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    background:linear-gradient(180deg, #f8fbff 0%, #eef3f8 100%);
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}
.product-gallery-main img{
    max-width:100%;
    max-height:390px;
    object-fit:contain;
}
.product-gallery-thumbs{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:10px;
    margin-top:16px;
}
.product-gallery-thumb{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    background:#fff;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px;
    cursor:pointer;
}
.product-gallery-thumb:hover,
.product-gallery-thumb.active{
    border-color:var(--amazon-orange);
    box-shadow:0 0 0 2px rgba(247, 202, 0, .25);
}
.product-gallery-thumb img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.spec-table th{
    width:220px;
    background:#f7fafa;
}
.offer-panel{
    position:sticky;
    top:20px;
}
.offer-panel--premium{
    padding:24px;
    border-color:#dce4ee;
    box-shadow:0 18px 40px rgba(15, 23, 42, .08);
}
.offer-panel-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:16px;
}
.offer-panel-label{
    color:#64748b;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.offer-panel .price{
    font-size:38px;
    font-weight:700;
    line-height:1.05;
    color:#0f172a;
}
.offer-panel .stock{
    color:var(--amazon-green);
    font-weight:700;
}
.stock-badge{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(22, 163, 74, .1);
    color:#166534;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.offer-highlight-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:18px;
    padding:16px;
    border:1px solid #e5ebf0;
    border-radius:8px;
    background:#f8fafc;
    color:#334155;
    font-size:14px;
    line-height:1.6;
}
.offer-order-form{
    margin-top:4px;
}
.checkout-address-section{
    margin-bottom:20px;
    padding:16px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:#f8fafc;
}
.checkout-property-section{
    margin-bottom:20px;
    padding:16px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:#f8fafc;
}
.checkout-property-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:14px;
}
.checkout-property-source{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:-2px 0 14px;
    padding:9px 11px;
    border:1px solid #bde9df;
    border-radius:6px;
    background:#effaf7;
    color:#315e55;
    font-size:12px;
    line-height:1.45;
}
.checkout-property-source i{
    margin-top:2px;
    color:#1abb9c;
}
.checkout-property-field{
    min-width:0;
}
.checkout-property-section .form-group{
    margin-bottom:0;
}
.checkout-property-section label{
    display:block;
    margin-bottom:7px;
    color:#1f2937;
    font-size:14px;
    line-height:1.3;
    white-space:nowrap;
}
.checkout-property-section .form-control{
    width:100%;
    min-height:46px;
    padding-right:34px;
    background:#fff;
    font-size:14px;
    text-overflow:ellipsis;
}
@media (max-width:767.98px){
    .checkout-property-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    .checkout-property-section .form-control{
        font-size:16px;
    }
}
.checkout-address-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.checkout-address-heading span{
    display:block;
    margin-bottom:3px;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.checkout-address-heading strong{
    display:block;
    color:#1f2937;
    font-size:15px;
    line-height:1.35;
}
.checkout-address-heading > i{
    color:#1abb9c;
    font-size:20px;
}
.checkout-address-list{
    display:grid;
    gap:8px;
}
.checkout-address-option{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0;
    padding:12px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.checkout-address-option:hover{
    border-color:#1abb9c;
}
.checkout-address-option:has(input:checked){
    border-color:#1abb9c;
    background:#f0fdfa;
    box-shadow:0 0 0 2px rgba(26,187,156,.12);
}
.checkout-address-option input{
    margin-top:4px;
    accent-color:#1abb9c;
}
.checkout-address-copy{
    min-width:0;
    flex:1;
}
.checkout-address-label{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    color:#1f2937;
    font-size:14px;
    font-weight:800;
}
.checkout-address-label em{
    padding:2px 7px;
    border-radius:999px;
    background:#dff8f2;
    color:#087f69;
    font-size:9px;
    font-style:normal;
    text-transform:uppercase;
}
.checkout-address-copy small{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.checkout-address-option > i{
    margin-top:3px;
    color:#94a3b8;
}
.checkout-address-option:has(input:checked) > i{
    color:#1abb9c;
}
.checkout-new-address-fields{
    display:none;
    margin-top:12px;
    padding-top:14px;
    border-top:1px solid #dce4ee;
}
.checkout-new-address-fields.is-visible{
    display:block;
}
.checkout-primary-toggle{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    color:#475569;
    font-size:13px;
    font-weight:700;
}
.checkout-primary-toggle input{
    accent-color:#1abb9c;
}
.product-spec-card{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    background:#f7fafa;
    padding:18px;
}
.product-spec-card h5{
    color:#111827;
    font-weight:700;
}
.product-spec-grid--wide{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}
.product-spec-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}
.product-spec-item{
    background:#ffffff;
    border:1px solid #e5ebf0;
    border-radius:8px;
    padding:12px 14px;
}
.product-spec-item span{
    display:block;
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:6px;
}
.product-spec-item strong{
    color:#111827;
    font-size:15px;
}
.product-detail-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.product-detail-columns{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
}
.product-detail-row{
    display:flex;
    flex-direction:column;
    gap:4px;
    background:#ffffff;
    border:1px solid #e5ebf0;
    border-radius:8px;
    padding:12px 14px;
}
.product-detail-row span{
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.product-detail-row strong{
    color:#111827;
    font-size:14px;
    line-height:1.55;
}
.mini-note{
    color:var(--muted);
    font-size:13px;
}
.postcode-live-message{
    margin-top:8px;
    font-size:13px;
    font-weight:600;
}
.postcode-live-message.is-valid{
    color:#166534 !important;
}
.postcode-live-message.is-invalid{
    color:#b42318 !important;
}
.clear-search-btn{
    max-width:160px;
}
.detail-payment-summary{
    background:#f7fafa;
    border:1px solid var(--amazon-border);
    border-radius:8px;
    padding:12px;
    color:var(--text);
    line-height:1.8;
}
.offer-panel-note{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #e5ebf0;
    color:#64748b;
    font-size:13px;
    line-height:1.7;
}
.staff-order-lock{
    margin:18px 0;
    padding:16px;
    background:#f8fafc;
    border:1px solid #dbe3ea;
    border-left:4px solid #1abb9c;
    border-radius:8px;
}
.staff-order-lock strong{
    display:block;
    color:#23364d;
    font-size:16px;
    line-height:1.35;
}
.staff-order-lock p{
    margin:8px 0 0;
    color:#64748b;
    font-size:14px;
    line-height:1.5;
}
.postcode-check-modal .modal-content{
    border:0;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(15,23,42,.32);
}
.postcode-check-modal .modal-header{
    padding:24px 26px 14px;
    background:linear-gradient(135deg,#f8fafc 0%,#eefdf9 100%);
    border-bottom:0;
}
.postcode-modal-head{
    display:flex;
    align-items:center;
    gap:14px;
}
.postcode-modal-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    color:#fff;
    background:#1abb9c;
    border-radius:14px;
    box-shadow:0 12px 26px rgba(26,187,156,.28);
    font-size:20px;
}
.postcode-check-modal .modal-title{
    margin:0;
    color:#23364d;
    font-size:24px;
    font-weight:800;
    line-height:1.2;
}
.postcode-modal-kicker{
    display:block;
    margin-bottom:4px;
    color:#1abb9c;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.postcode-check-modal .modal-body{
    padding:18px 26px 10px;
}
.postcode-check-modal .modal-body p{
    margin:0 0 16px;
    color:#64748b;
    line-height:1.6;
}
.postcode-check-modal label{
    color:#23364d;
    font-size:14px;
}
.postcode-check-modal .form-control{
    height:52px;
    border-color:#dbe3ea;
    border-radius:10px;
    font-size:18px;
    box-shadow:none;
}
.postcode-check-modal .form-control:focus{
    border-color:#1abb9c;
    box-shadow:0 0 0 4px rgba(26,187,156,.13);
}
.postcode-modal-assurance{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}
.postcode-modal-assurance span{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    color:#475569;
    background:#f8fafc;
    border:1px solid #e5ebf0;
    border-radius:10px;
    font-size:13px;
    font-weight:700;
}
.postcode-modal-assurance i{
    color:#1abb9c;
}
.postcode-check-modal .modal-footer{
    padding:12px 26px 26px;
    border-top:0;
}
.postcode-check-modal .buy-btn{
    width:100%;
    height:50px;
    border-radius:10px;
    font-weight:800;
}
@media(max-width:575.98px){
    .postcode-modal-assurance{
        grid-template-columns:1fr;
    }
    .postcode-check-modal .modal-title{
        font-size:21px;
    }
}
.product-flow-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
}
.product-flow-item{
    padding:18px;
    border:1px solid #e5ebf0;
    border-radius:8px;
    background:#f8fafc;
}
.product-flow-item strong{
    display:block;
    margin-bottom:8px;
    color:#0f172a;
    font-size:15px;
}
.product-flow-item p{
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.65;
}
.tracking-status-badge{
    display:inline-block;
    background:#007600;
    color:#ffffff;
    border-radius:8px;
    padding:8px 12px;
    font-weight:700;
    text-shadow:0 1px 0 rgba(0,0,0,.12);
}
.live-search-card{
    border:1px solid #dbe3ec;
    box-shadow:0 10px 26px rgba(15, 45, 70, .06);
}
.live-search-wrap{
    position:relative;
}
.live-search-icon{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:#6b7280;
    z-index:2;
}
.live-search-input{
    min-height:48px;
    border-radius:8px;
    padding-left:42px;
    border:1px solid #cfd9e3;
    box-shadow:none;
}
.live-search-input:focus{
    border-color:#0f8f30;
    box-shadow:0 0 0 3px rgba(15, 143, 48, .14);
}
.tracking-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.4fr) minmax(280px, .9fr);
    gap:18px;
    align-items:stretch;
}
.tracking-hero-copy,
.tracking-hero-stats{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:8px;
    padding:24px;
    box-shadow:0 2px 10px rgba(15,17,17,.05);
}
.tracking-eyebrow{
    color:#b46900;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:10px;
}
.tracking-hero-copy h1{
    font-size:34px;
    line-height:1.2;
    margin:0 0 10px;
}
.tracking-hero-copy p{
    color:var(--muted);
    margin:0;
    font-size:15px;
}
.tracking-hero-stats{
    display:grid;
    gap:12px;
}
.tracking-mini-card{
    background:#f7fafa;
    border:1px solid var(--amazon-border);
    border-radius:8px;
    padding:16px;
}
.tracking-mini-label,
.tracking-stat-label{
    color:var(--muted);
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:6px;
}
.tracking-mini-value,
.tracking-stat-value{
    font-size:18px;
    font-weight:700;
    color:var(--text);
}
.tracking-form-card{
    overflow:hidden;
}
.tracking-form-header{
    padding:24px 24px 0;
}
.tracking-form-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    padding:24px;
}
.tracking-input{
    height:46px;
    border-radius:8px;
}
.tracking-form-action{
    display:flex;
    align-items:flex-end;
}
.tracking-submit-btn{
    height:46px;
}
.tracking-result-top{
    display:grid;
    grid-template-columns:minmax(0, 1.4fr) minmax(280px, .9fr);
    gap:18px;
}
.tracking-result-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:8px;
    padding:24px;
    box-shadow:0 2px 10px rgba(15,17,17,.05);
}
.tracking-stat-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}
.tracking-stat-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:8px;
    padding:20px 16px;
    box-shadow:0 2px 10px rgba(15,17,17,.05);
}
.tracking-stepper{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:0;
    overflow-x:auto;
    padding:8px 4px 4px;
}
.tracking-stepper-item{
    position:relative;
    min-width:160px;
    flex:1 1 0;
    text-align:center;
    padding:0 10px;
}
.tracking-stepper-line{
    position:absolute;
    top:20px;
    left:50%;
    right:-50%;
    height:4px;
    background:#d7ddea;
    z-index:1;
}
.tracking-stepper-item:last-child .tracking-stepper-line{
    display:none;
}
.tracking-stepper-item.is-done .tracking-stepper-line,
.tracking-stepper-item.is-current .tracking-stepper-line{
    background:#1e3a8a;
}
.tracking-stepper-circle{
    position:relative;
    z-index:2;
    width:40px;
    height:40px;
    border-radius:999px;
    margin:0 auto 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    border:4px solid #cfd6e4;
    color:#64748b;
    font-size:14px;
    font-weight:800;
    box-shadow:0 8px 18px rgba(15, 23, 42, .06);
}
.tracking-stepper-item.is-done .tracking-stepper-circle{
    background:#1e3a8a;
    border-color:#1e3a8a;
    color:#ffffff;
}
.tracking-stepper-item.is-current .tracking-stepper-circle{
    border-color:#1e3a8a;
    color:#1e3a8a;
    background:#ffffff;
}
.tracking-stepper-label{
    font-size:14px;
    font-weight:600;
    line-height:1.45;
    color:#334155;
}
.tracking-stepper-time{
    margin-top:8px;
    font-size:12px;
    line-height:1.45;
    color:#64748b;
    min-height:34px;
}
.tracking-stepper-item.is-done .tracking-stepper-time,
.tracking-stepper-item.is-current .tracking-stepper-time{
    color:#334155;
}
.tracking-table th{
    width:180px;
    background:#f7fafa;
}
.tracking-info-stack{
    display:grid;
    gap:14px;
}
.tracking-info-row{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    padding:14px 16px;
    background:#f7fafa;
}
.tracking-info-label{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:6px;
}
.tracking-info-value{
    font-size:16px;
    font-weight:700;
    color:var(--text);
}
.tracking-action-row{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}
.tracking-secondary-btn,
.tracking-primary-btn{
    max-width:220px;
}
@media (max-width: 767px){
    .product-page-header{
        flex-direction:column;
        padding:22px;
    }
    .product-page-title{
        font-size:32px;
    }
    .product-page-meta{
        justify-content:flex-start;
        max-width:none;
    }
    .product-page-grid,
    .product-flow-grid,
    .product-detail-columns{
        grid-template-columns:1fr;
    }
    .product-section-head{
        flex-direction:column;
        align-items:flex-start;
    }
    .product-section-head span{
        text-align:left;
    }
    .shop-heading-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .clear-search-btn{
        max-width:none;
    }
    .product-gallery{
        min-height:auto;
        padding:16px;
    }
    .product-gallery-main{
        min-height:300px;
    }
    .product-spec-grid--wide,
    .product-spec-grid{
        grid-template-columns:1fr;
    }
    .product-gallery-thumbs{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    .tracking-hero,
    .tracking-result-top,
    .tracking-form-grid{
        grid-template-columns:1fr;
    }
    .tracking-stat-grid{
        grid-template-columns:1fr;
    }
    .tracking-stepper{
        padding-bottom:10px;
    }
    .tracking-stepper-item{
        min-width:140px;
    }
    .tracking-stepper-label{
        font-size:13px;
    }
    .tracking-stepper-time{
        font-size:11px;
    }
    .tracking-form-header,
    .tracking-form-grid{
        padding:18px;
    }
    .tracking-secondary-btn,
    .tracking-primary-btn{
        max-width:none;
    }
}
.footer-lite{
    background:#fff;
    border-top:1px solid #ddd;
    margin-top:40px;
}
.panel-app{
    background:#f4f7fb;
    color:#2a3547;
}
.panel-topbar{
    background:#ffffff;
    border-bottom:1px solid #e0e6eb;
    box-shadow:0 1px 4px rgba(133, 146, 173, .16);
}
.panel-sidebar{
    background:#ffffff;
    box-shadow:7px 7px 10px rgba(0,0,0,.03);
}
.panel-sidebar .brand-link{
    border-bottom:1px solid #e0e6eb;
    min-height:66px;
}
.panel-sidebar .nav-sidebar .nav-link{
    border-radius:8px;
    margin-bottom:6px;
    color:#2a3547;
    padding:10px 12px;
}
.panel-sidebar .nav-sidebar .nav-link p,
.panel-sidebar .nav-sidebar .nav-icon{
    color:inherit;
}
.panel-sidebar .nav-sidebar .nav-link:hover,
.panel-sidebar .nav-sidebar .nav-link.active{
    background:#eff4fa;
    color:#635bff;
    box-shadow:none;
}
.panel-sidebar .user-panel{
    border-bottom:1px solid #e0e6eb !important;
    margin-left:8px;
    margin-right:8px;
}
.panel-sidebar .user-panel .info a{
    color:#2a3547;
    font-weight:700;
}
.panel-content{
    padding:0 0 30px;
}
.content-wrapper{
    background:#f4f7fb;
}
.content-header{
    padding:18px 20px 8px;
}
.panel-user-chip{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    line-height:1.2;
}
.panel-user-name{
    color:#2a3547;
    font-weight:700;
}
.panel-user-role{
    color:#6b7280;
}
.panel-logout-btn{
    border-radius:8px;
    border:0;
    background:#635bff;
    padding:7px 12px;
}
.panel-page{
    display:grid;
    gap:22px;
}
.panel-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) minmax(260px, .7fr);
    gap:18px;
    align-items:stretch;
    background:#ffffff;
    border:1px solid #e0e6eb;
    border-radius:8px;
    padding:26px;
    box-shadow:0 1px 4px rgba(133, 146, 173, .2);
    position:relative;
    overflow:hidden;
    background-image:url("/matdash-profilebg.jpg");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover;
}
.panel-hero::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:7px;
    height:100%;
    background:#635bff;
}
.panel-hero--payment{
    grid-template-columns:minmax(0, 1.4fr) minmax(280px, .8fr);
}
.panel-eyebrow{
    display:inline-block;
    margin-bottom:10px;
    color:#635bff;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}
.panel-hero-title{
    font-size:32px;
    line-height:1.25;
    margin:0 0 10px;
    color:#111827;
}
.panel-hero-text{
    margin:0;
    color:#475467;
    font-size:15px;
    max-width:760px;
}
.panel-summary-card,
.panel-card{
    background:#ffffff;
    border:1px solid #e0e6eb;
    border-radius:8px;
    box-shadow:0 1px 4px rgba(133, 146, 173, .2);
}
.panel-summary-card{
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#ffffffd9;
}
.panel-summary-label{
    color:#556070;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:6px;
}
.panel-summary-value{
    font-size:30px;
    font-weight:700;
    color:#2a3547;
    line-height:1.2;
}
.panel-summary-note{
    color:#556070;
    margin-top:6px;
    font-size:14px;
}
.panel-card-header{
    padding:18px 22px;
    border-bottom:1px solid #e0e6eb;
    background:#fbfdff;
    border-radius:8px 8px 0 0;
}
.panel-card-title{
    margin:0;
    font-size:19px;
    font-weight:700;
    color:#111827;
}
.panel-card-body{
    padding:22px;
}
.panel-card + .panel-card{
    margin-top:2px;
}
.panel-table{
    margin-bottom:0;
}
.panel-table thead th{
    background:#f8fafc;
    color:#475467;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:1px solid #dbe3ec;
    border-top:0;
    white-space:nowrap;
}
.panel-table td{
    vertical-align:middle;
    border-color:#e5ebf2;
    color:#2a3547;
}
.panel-table tbody tr:hover{
    background:#f8fafc;
}
.panel-detail-table th{
    width:220px;
    background:#f8fafc;
    color:#2a3547;
    font-weight:700;
}
.panel-badge{
    border-radius:999px;
    padding:7px 10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.01em;
}
.panel-badge--success{
    background:rgba(54,199,108,.12);
    color:#166534;
}
.panel-badge--warning{
    background:rgba(255,185,0,.12);
    color:#8a4b08;
}
.panel-badge--danger{
    background:rgba(220,38,38,.14);
    color:#b91c1c;
}
.panel-badge--muted{
    background:#eff4fa;
    color:#334155;
}
.panel-badge--info{
    background:rgba(99,91,255,.12);
    color:#3730a3;
}
.panel-table td .panel-badge,
.panel-summary-card .panel-badge,
.admin-order-statuses .panel-badge{
    box-shadow:inset 0 0 0 1px rgba(15, 23, 42, .04);
}
.panel-btn{
    border-radius:8px;
    font-weight:700;
}
.panel-btn-lg{
    border-radius:8px;
    padding:11px 16px;
    margin:0 10px 10px 0;
}
.panel-action-group,
.panel-action-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.panel-stat-box{
    border-radius:8px;
    box-shadow:0 16px 34px rgba(15, 45, 70, .12);
    overflow:hidden;
    border:0;
}
.panel-stat-box .inner h3,
.panel-stat-box .inner p,
.panel-stat-box .icon{
    color:#fff;
}
.panel-stat-box--info{
    background:#635bff;
}
.panel-stat-box--success{
    background:#36c76c;
}
.panel-stat-box--warning{
    background:#ffb900;
}
.panel-stat-box--danger{
    background:#ff6692;
}
.payment-action-card{
    height:100%;
}
.payment-highlight{
    border:1px solid #e0e6eb;
    border-radius:8px;
    padding:18px;
    background:#f8fafc;
    margin-bottom:18px;
}
.payment-highlight-label{
    display:block;
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:6px;
}
.payment-highlight-amount{
    font-size:32px;
    font-weight:700;
    color:#2a3547;
}
.panel-alert{
    border-radius:8px;
}
.panel-app .alert{
    border:0;
    border-radius:8px;
    box-shadow:0 10px 26px rgba(15, 45, 70, .08);
}
.panel-app .form-control,
.panel-app .custom-select{
    border:1px solid #cfd9e3;
    border-radius:8px;
    min-height:42px;
    box-shadow:none;
}
.panel-app textarea.form-control{
    min-height:110px;
}
.panel-app .form-control:focus,
.panel-app .custom-select:focus{
    border-color:#635bff;
    box-shadow:0 0 0 3px rgba(99, 91, 255, .12);
}
.panel-app label{
    color:#1f2937;
    font-weight:700;
}
.professional-footer{
    border-top:1px solid #e0e6eb;
    background:#ffffff;
    color:#607081;
    box-shadow:0 -1px 4px rgba(133, 146, 173, .12);
}
.professional-footer .footer-bottom{
    font-size:13px;
}
.payment-action-form{
    margin-bottom:12px;
}
.bank-transfer-box{
    margin:16px 0;
    padding:16px;
    border:1px solid #dbe4ec;
    border-radius:8px;
    background:#f8fafc;
}
.bank-transfer-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    color:#1f3854;
}
.bank-transfer-head i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:8px;
    background:#e8fbf7;
    color:#1abc9c;
    font-size:18px;
}
.bank-transfer-head strong,
.bank-transfer-head span{
    display:block;
}
.bank-transfer-head span{
    color:#6b7f99;
    font-size:14px;
}
.bank-transfer-details{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    border:1px solid #dbe4ec;
    border-radius:8px;
    overflow:hidden;
    background:#ffffff;
}
.bank-transfer-details div{
    padding:10px 12px;
    border-bottom:1px solid #dbe4ec;
}
.bank-transfer-details div:nth-child(odd){
    border-right:1px solid #dbe4ec;
}
.bank-transfer-details div:nth-last-child(-n+2){
    border-bottom:0;
}
.bank-transfer-details span,
.bank-transfer-details strong{
    display:block;
}
.bank-transfer-details span{
    color:#6b7f99;
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
}
.bank-transfer-details strong{
    color:#1f3854;
    font-size:16px;
}
.panel-action-btn,
.panel-secondary-btn{
    border-radius:8px;
}
.payment-action-links .btn + .btn{
    margin-top:10px;
}
.site-media-uploader{
    display:grid;
    gap:10px;
}
.site-media-input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    overflow:hidden;
}
.site-media-dropzone{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px dashed #b9c7d8;
    border-radius:8px;
    background:#f8fafc;
    color:#1f3854;
    cursor:pointer;
    transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.site-media-dropzone:hover{
    border-color:#1abc9c;
    background:#f3fffb;
    box-shadow:0 8px 22px rgba(26, 188, 156, .12);
}
.site-media-dropzone-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:8px;
    background:#e8fbf7;
    color:#1abc9c;
    font-size:20px;
}
.site-media-dropzone strong,
.site-media-dropzone small{
    display:block;
}
.site-media-dropzone small{
    color:#6b7f99;
}
.site-media-list{
    display:grid;
    gap:8px;
}
.site-media-item{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #dbe4ec;
    border-radius:8px;
    background:#ffffff;
}
.site-media-item-icon{
    color:#1abc9c;
}
.site-media-item-details{
    min-width:0;
}
.site-media-item-details strong,
.site-media-item-details small{
    display:block;
}
.site-media-item-details strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#1f3854;
}
.site-media-item-details small{
    color:#6b7f99;
}
.site-media-remove{
    border:0;
    width:32px;
    height:32px;
    border-radius:8px;
    background:#fff1f2;
    color:#e11d48;
}
.order-photo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
    gap:12px;
}
.order-photo-card{
    display:block;
    border:1px solid #dbe4ec;
    border-radius:8px;
    overflow:hidden;
    background:#ffffff;
    box-shadow:0 4px 14px rgba(15, 23, 42, .06);
    transition:transform .18s ease, box-shadow .18s ease;
}
.order-photo-card:hover,
.order-photo-thumb:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(15, 23, 42, .12);
}
.order-photo-card img{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
}
.order-photo-card video{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
    background:#0f172a;
}
.order-media-card{
    position:relative;
}
.order-media-play{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    font-size:28px;
    background:rgba(15, 23, 42, .28);
}
.order-photo-inline{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.order-photo-thumb{
    width:40px;
    height:40px;
    border-radius:8px;
    overflow:hidden;
    border:1px solid #dbe4ec;
    display:block;
    background:#ffffff;
}
.order-photo-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.order-photo-thumb.is-video{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    background:#0f172a;
}
.photo-viewer-modal .modal-dialog{
    max-width:1120px;
}
.photo-viewer-content{
    background:#0f172a;
    border:0;
    border-radius:8px;
    overflow:hidden;
    position:relative;
}
.photo-viewer-stage{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:70vh;
    padding:20px;
    background:#020617;
}
.photo-viewer-image{
    max-width:100%;
    max-height:calc(70vh - 40px);
    border-radius:8px;
    object-fit:contain;
    box-shadow:0 10px 30px rgba(15, 23, 42, .35);
}
.photo-viewer-close{
    position:absolute;
    top:10px;
    right:12px;
    z-index:5;
    border:0;
    background:rgba(255,255,255,.14);
    color:#ffffff;
    width:38px;
    height:38px;
    border-radius:999px;
    font-size:28px;
    line-height:1;
}
.photo-viewer-close:hover{
    background:rgba(255,255,255,.24);
}
.order-photo-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:12px;
    font-weight:700;
    padding:0 8px;
}
@media (max-width: 767px){
    .auth-card-wrap,
    .amazon-auth-wrap > .w-100{
        display:block;
        max-width:520px !important;
    }
    .modern-auth-shell{
        grid-template-columns:1fr;
        max-width:560px;
        padding:26px 16px;
    }
    .modern-auth-panel{
        min-height:200px;
        padding:24px;
    }
    .modern-auth-copy{
        left:24px;
        right:24px;
        bottom:24px;
    }
    .modern-auth-copy h1{
        font-size:26px;
    }
    .modern-auth-card{
        padding:24px;
    }
    .modern-auth-grid{
        grid-template-columns:1fr;
    }
    .auth-card-wrap::before,
    .amazon-auth-wrap > .w-100::before{
        min-height:170px;
        margin-bottom:16px;
        padding:22px;
        font-size:24px;
    }
    .auth-card-wrap .card-body,
    .amazon-card-body,
    .auth-card-wrap .card-header,
    .amazon-card-header{
        padding-left:22px !important;
        padding-right:22px !important;
    }
    .panel-hero,
    .panel-hero--payment{
        grid-template-columns:1fr;
        padding:20px;
    }
    .panel-hero-title{
        font-size:26px;
    }
    .panel-user-chip{
        align-items:flex-start;
    }
    .panel-table thead th{
        white-space:normal;
    }
    .panel-detail-table th{
        width:150px;
    }
    .photo-viewer-stage{
        min-height:55vh;
        padding:14px;
    }
}
@media (max-width: 991.98px){
    .public-topbar-inner{
        padding-top:10px;
        padding-bottom:10px;
    }
    .public-navbar-collapse{
        width:100%;
        margin-top:12px;
        padding:14px;
        border-radius:8px;
        background:rgba(255,255,255,.06);
        border:1px solid rgba(255,255,255,.08);
    }
    .amazon-search{
        max-width:none;
    }
    .public-navbar-links{
        width:100%;
        align-items:flex-start;
        gap:2px;
    }
    .public-navbar-links .nav-item{
        width:100%;
    }
    .public-navbar-links .nav-link{
        display:block;
        width:100%;
        padding:10px 12px !important;
        border-radius:8px;
    }
    .public-navbar-links .nav-link:hover,
    .public-navbar-links .nav-link:focus{
        background:rgba(255,255,255,.08);
    }
}

/* InApp Bootstrap Theme */
.inapp-body{
    font-family:'Poppins', Arial, Helvetica, sans-serif;
    background:#f5f7fb;
    color:#1f2937;
}
.inapp-overlay{
    position:fixed;
    inset:0;
    background:rgba(15, 23, 42, .45);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
    z-index:1035;
}
.inapp-sidebar{
    position:fixed;
    top:0;
    left:0;
    width:272px;
    height:100vh;
    background:#ffffff;
    border-right:1px solid #e6eaf2;
    box-shadow:0 24px 60px rgba(15, 23, 42, .08);
    display:flex;
    flex-direction:column;
    z-index:1040;
    transition:transform .25s ease, width .25s ease;
}
.inapp-sidebar-brand{
    padding:20px 22px;
    border-bottom:1px solid #eef2f7;
}
.inapp-brand-link{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}
.inapp-brand-logo{
    width:42px;
    height:42px;
    object-fit:contain;
    flex-shrink:0;
}
.inapp-brand-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.inapp-brand-name{
    font-size:15px;
    font-weight:700;
    color:#111827;
}
.inapp-brand-copy small{
    color:#556070;
    font-size:12px;
}
.inapp-sidebar-user{
    display:flex;
    align-items:center;
    gap:12px;
    padding:18px 22px;
}
.inapp-sidebar-avatar{
    width:42px;
    height:42px;
    border-radius:12px;
    background:linear-gradient(135deg, #e66239, #ff8b68);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}
.inapp-sidebar-user-name{
    font-weight:600;
    color:#111827;
}
.inapp-sidebar-user small{
    color:#556070;
}
.inapp-nav{
    padding:10px 14px 18px;
    overflow:auto;
    flex:1 1 auto;
}
.inapp-nav-label{
    display:block;
    padding:10px 10px 8px;
    color:#6b7280;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.inapp-nav-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 12px;
    margin-bottom:4px;
    border-radius:8px;
    color:#374151;
    text-decoration:none;
    transition:all .2s ease;
}
.inapp-nav-link i{
    width:18px;
    text-align:center;
}
.inapp-nav-link:hover,
.inapp-nav-link.active{
    color:#c2410c;
    background:rgba(194, 65, 12, .10);
}
.inapp-sidebar-footer{
    padding:18px 22px 22px;
    border-top:1px solid #eef2f7;
}
.inapp-main{
    margin-left:272px;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    transition:margin-left .25s ease;
}
.inapp-topbar{
    position:sticky;
    top:0;
    z-index:1030;
    min-height:76px;
    padding:16px 24px;
    background:rgba(245, 247, 251, .9);
    backdrop-filter:blur(12px);
    border-bottom:1px solid #e9edf5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.inapp-topbar--admin{
    min-height:70px;
    background:#ffffff;
    border-bottom:1px solid #e8edf5;
    backdrop-filter:none;
}
.inapp-topbar-copy h1{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#111827;
}
.inapp-topbar-copy p{
    margin:2px 0 0;
    color:#556070;
    font-size:13px;
}
.inapp-topbar-user{
    text-align:right;
}
.inapp-topbar-user-name{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#111827;
}
.inapp-topbar-user small{
    color:#556070;
}
.inapp-topbar-actions{
    display:flex;
    align-items:center;
    gap:14px;
}
.inapp-topbar-badge{
    position:absolute;
    top:-7px;
    right:-5px;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#ff4d5a;
    color:#fff;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}
.inapp-topbar-avatar{
    width:40px;
    height:40px;
    border-radius:999px;
    background:linear-gradient(135deg, #22c1dc, #fdbb2d);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    box-shadow:0 8px 18px rgba(15, 23, 42, .12);
}
.inapp-icon-btn{
    width:42px;
    height:42px;
    border-radius:8px;
    border:1px solid #e5e7eb;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.inapp-content{
    flex:1 1 auto;
    padding:28px 24px 18px;
}
.inapp-footer{
    padding:16px 24px 22px;
    color:#556070;
    border-top:1px solid #e9edf5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    font-size:13px;
}
.inapp-auth-body{
    min-height:100vh;
    font-family:'Poppins', Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(230, 98, 57, .13), transparent 36%),
        linear-gradient(180deg, #f9fbfd 0%, #eef2f7 100%);
}
.inapp-auth-body--compact{
    background:
        linear-gradient(135deg, rgba(104, 88, 193, .42), rgba(14, 165, 233, .22)),
        url("/auth-tech-background.png") center/cover no-repeat;
}
.inapp-auth-shell{
    min-height:calc(100vh - 56px);
    max-width:1160px;
    margin:0 auto;
    padding:40px 16px 24px;
    display:grid;
    grid-template-columns:minmax(320px, .95fr) minmax(360px, .85fr);
    gap:24px;
    align-items:stretch;
}
.inapp-auth-shell--compact{
    min-height:calc(100vh - 40px);
    max-width:620px;
    padding:64px 16px 24px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.inapp-auth-side{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    padding:34px;
    color:#fff;
    background:
        linear-gradient(180deg, rgba(17, 24, 39, .2), rgba(17, 24, 39, .72)),
        linear-gradient(135deg, #e66239 0%, #f59f00 100%);
    box-shadow:0 30px 70px rgba(230, 98, 57, .18);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:580px;
}
.inapp-auth-side-brand img{
    max-height:72px;
    max-width:220px;
    object-fit:contain;
}
.inapp-auth-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:#e66239;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.inapp-auth-side .inapp-auth-kicker{
    color:rgba(255,255,255,.82);
}
.inapp-auth-side-copy h1{
    margin:0 0 12px;
    font-size:36px;
    line-height:1.15;
    color:#fff;
}
.inapp-auth-side-copy p{
    margin:0;
    color:rgba(255,255,255,.82);
    max-width:430px;
    line-height:1.65;
}
.inapp-auth-side-card{
    margin-top:24px;
    padding:18px 20px;
    border-radius:8px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    display:flex;
    flex-direction:column;
    gap:8px;
}
.inapp-auth-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:8px;
    padding:32px;
    box-shadow:0 24px 60px rgba(15, 23, 42, .08);
    align-self:center;
}
.inapp-auth-shell--compact .inapp-auth-card{
    width:100%;
    max-width:508px;
    padding:38px 38px 32px;
    box-shadow:0 26px 64px rgba(15, 23, 42, .18);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
}
.inapp-auth-shell--compact .inapp-auth-card--wide{
    max-width:620px;
}
.inapp-auth-card-header h2{
    margin:0 0 8px;
    font-size:30px;
    color:#111827;
    font-weight:700;
}
.inapp-auth-card-header p{
    margin:0;
    color:#556070;
}
.inapp-auth-card-header--login{
    text-align:center;
}
.inapp-auth-card-header--login h2{
    margin-bottom:0;
    font-size:22px;
    font-weight:600;
}
.inapp-auth-form{
    margin-top:26px;
}
.inapp-auth-form--login{
    margin-top:28px;
}
.inapp-auth-form--register{
    margin-top:30px;
}
.inapp-field{
    margin-bottom:18px;
}
.inapp-field label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#111827;
}
.inapp-inline-link{
    color:#e66239;
    font-weight:600;
}
.inapp-input-wrap{
    position:relative;
}
.inapp-input-wrap i{
    position:absolute;
    top:50%;
    left:14px;
    transform:translateY(-50%);
    color:#94a3b8;
    z-index:2;
}
.inapp-input-wrap--textarea i{
    top:18px;
    transform:none;
}
.inapp-input-wrap input,
.inapp-input-wrap textarea{
    width:100%;
    min-height:48px;
    padding:12px 14px 12px 42px;
    border:1px solid #dbe2ea;
    border-radius:8px;
    background:#fff;
    color:#1f2937;
    box-shadow:none;
}
.inapp-input-wrap--plain input{
    padding-left:16px;
}
.inapp-input-wrap textarea{
    min-height:110px;
    resize:vertical;
}
.inapp-input-wrap input:focus,
.inapp-input-wrap textarea:focus{
    outline:none;
    border-color:#e66239;
    box-shadow:0 0 0 3px rgba(230, 98, 57, .14);
}
.inapp-submit-btn{
    min-height:48px;
    border:0;
    border-radius:8px;
    background:#e66239;
    font-weight:700;
    box-shadow:0 18px 32px rgba(230, 98, 57, .18);
}
.inapp-submit-btn:hover,
.inapp-submit-btn:focus{
    background:#d15530;
}
.inapp-auth-note{
    margin-top:20px;
    color:#556070;
    font-size:14px;
}
.inapp-auth-note--login{
    text-align:center;
    margin-top:18px;
}
.inapp-auth-check{
    margin-top:10px;
}
.inapp-auth-check .form-check-label{
    color:#111827;
}
.inapp-login-brand{
    text-align:center;
    margin-bottom:28px;
}
.inapp-login-brand img{
    max-height:48px;
    max-width:170px;
    object-fit:contain;
}
.inapp-login-options .form-check{
    margin-bottom:0;
}
.inapp-auth-shell--compact .form-check-input{
    margin-top:.2rem;
}
.inapp-auth-shell--compact .form-check-label{
    color:#111827;
}
.inapp-auth-shell--compact .inapp-field label{
    font-size:13px;
    margin-bottom:10px;
}
.inapp-auth-shell--compact .inapp-input-wrap input{
    min-height:46px;
    border-color:#e5e7eb;
    font-size:14px;
}
.inapp-auth-shell--compact .inapp-submit-btn{
    min-height:46px;
    border-radius:6px;
    box-shadow:none;
    font-size:16px;
}
.inapp-auth-shell--compact .inapp-auth-form--register .inapp-input-wrap input{
    min-height:44px;
}
.inapp-auth-shell--compact .inapp-inline-link{
    color:#f06a3d;
}
.inapp-auth-footer{
    text-align:center;
    color:#556070;
    font-size:13px;
    padding:0 16px 22px;
}
.panel-app .btn-primary{
    background:#e66239;
    border-color:#e66239;
}
.panel-app .btn-primary:hover,
.panel-app .btn-primary:focus{
    background:#d15530;
    border-color:#d15530;
}
.panel-app .btn-outline-primary{
    color:#e66239;
    border-color:#e66239;
}
.panel-app .btn-outline-primary:hover{
    background:#e66239;
    border-color:#e66239;
}
.panel-app .card,
.panel-card{
    border:1px solid #e8edf5;
    border-radius:8px;
    box-shadow:0 14px 36px rgba(15, 23, 42, .05);
}
.panel-page{
    display:flex;
    flex-direction:column;
    gap:24px;
}
.admin-dashboard-header h1{
    margin:0 0 4px;
    font-size:30px;
    font-weight:700;
    color:#111827;
}
.admin-dashboard-header p{
    margin:0;
    color:#4b5563;
    font-size:15px;
}
.dashboard-kpi-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:26px 26px 24px;
    border-radius:8px;
    border:1px solid #e7edf4;
    min-height:145px;
}
.dashboard-kpi-card--sales{
    background:#fff6f3;
    border-color:#ffd7c9;
}
.dashboard-kpi-card--purchase{
    background:#effcf4;
    border-color:#b7eec8;
}
.dashboard-kpi-card--expense{
    background:#eef9ff;
    border-color:#bfe8ff;
}
.dashboard-kpi-card--invoice{
    background:#fff9ea;
    border-color:#f6df9d;
}
.dashboard-kpi-icon{
    width:46px;
    height:46px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    flex-shrink:0;
}
.dashboard-kpi-card--sales .dashboard-kpi-icon{background:#f06a3d;}
.dashboard-kpi-card--purchase .dashboard-kpi-icon{background:#12c95c;}
.dashboard-kpi-card--expense .dashboard-kpi-icon{background:#21b8e8;}
.dashboard-kpi-card--invoice .dashboard-kpi-icon{background:#f3b100;}
.dashboard-kpi-copy h3{
    margin:0 0 8px;
    font-size:15px;
    font-weight:600;
    color:#1f2937;
}
.dashboard-kpi-value{
    font-size:26px;
    line-height:1.1;
    font-weight:700;
    color:#111827;
    margin-bottom:6px;
}
.dashboard-kpi-copy p{
    margin:0;
    font-size:13px;
}
.dashboard-kpi-card--sales p{color:#f06a3d;}
.dashboard-kpi-card--purchase p{color:#12c95c;}
.dashboard-kpi-card--expense p{color:#21b8e8;}
.dashboard-kpi-card--invoice p{color:#f3b100;}
.dashboard-focus-card{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:8px;
    padding:22px 26px;
    box-shadow:0 12px 26px rgba(15, 23, 42, .04);
    min-height:190px;
}
.dashboard-focus-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding-bottom:34px;
    border-bottom:1px solid #edf1f6;
}
.dashboard-focus-head i{
    font-size:36px;
    color:#f06a3d;
}
.dashboard-focus-value{
    font-size:28px;
    font-weight:700;
    color:#111827;
    line-height:1.1;
    margin-bottom:8px;
}
.dashboard-focus-label{
    color:#1f2937;
    font-size:16px;
}
.dashboard-focus-foot{
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#4b5563;
}
.dashboard-focus-foot a{
    color:#f06a3d;
}
.dashboard-table-card .panel-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.dashboard-select{
    width:auto;
    min-width:128px;
    font-size:14px;
    border-radius:8px;
}
.dashboard-list-group{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.dashboard-list-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 0;
    border-bottom:1px solid #eef2f7;
}
.dashboard-list-row:last-child{
    border-bottom:0;
    padding-bottom:0;
}
.dashboard-list-row strong{
    display:block;
    color:#111827;
}
.dashboard-list-row small{
    color:#6b7280;
}
.dashboard-list-row span{
    font-weight:700;
    color:#111827;
}
.dashboard-overview-title{
    margin-bottom:18px;
    color:#1f2937;
    font-size:15px;
    font-weight:600;
}
.dashboard-overview-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}
.dashboard-overview-grid div{
    padding:16px;
    border-radius:8px;
    background:#f8fafc;
    border:1px solid #edf2f7;
}
.dashboard-overview-grid strong{
    display:block;
    margin-bottom:4px;
    font-size:22px;
    color:#111827;
}
.dashboard-overview-grid span{
    color:#6b7280;
    font-size:13px;
}
.dashboard-chart-wrap{
    position:relative;
    min-height:280px;
}
.dashboard-chart-wrap--doughnut{
    min-height:240px;
}
.dashboard-chart-legend{
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
    margin-top:18px;
    color:#4b5563;
    font-size:13px;
    font-weight:500;
}
.dashboard-chart-legend div{
    display:flex;
    align-items:center;
    gap:8px;
}
.dashboard-legend-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    display:inline-block;
}
.dashboard-legend-dot--pending,
.dashboard-legend-dot--warning{
    background:#f3b100;
}
.dashboard-legend-dot--assigned,
.dashboard-legend-dot--partial{
    background:#635bff;
}
.dashboard-legend-dot--installed,
.dashboard-legend-dot--paid{
    background:#12c95c;
}
.dashboard-legend-dot--completed{
    background:#21b8e8;
}
.admin-order-search-form .form-label{
    font-size:13px;
    color:#4b5563;
    font-weight:600;
}
.admin-orders-table-wrap{
    border:1px solid #eef2f7;
    border-radius:8px;
}
.admin-orders-table thead th{
    white-space:nowrap;
}
.admin-order-cell{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.admin-order-cell strong{
    color:#111827;
    font-size:14px;
}
.admin-order-cell span{
    color:#6b7280;
    font-size:12px;
}
.admin-order-statuses{
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
}
.admin-order-actions-card{
    position:sticky;
    top:92px;
}
.installer-note-snippet{
    max-width:220px;
    color:#4b5563;
    font-size:13px;
    line-height:1.5;
}
.panel-hero,
.panel-hero--payment{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:8px;
    box-shadow:0 18px 40px rgba(15, 23, 42, .05);
}
.panel-summary-card{
    background:linear-gradient(135deg, #1f2937 0%, #374151 100%);
}
.panel-summary-card .panel-summary-label{
    color:rgba(255,255,255,.72);
}
.panel-summary-card .panel-summary-value{
    color:#ffffff;
}
.panel-summary-card .panel-summary-note{
    color:rgba(255,255,255,.76);
}
.panel-eyebrow{
    color:#e66239;
}
.panel-stat-box{
    border-radius:8px;
    box-shadow:0 12px 26px rgba(15, 23, 42, .05);
}
.panel-card-header{
    border-bottom:1px solid #eef2f7;
}
.panel-table thead th{
    border-bottom-color:#e6ebf2;
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.panel-table tbody td{
    border-color:#eef2f7;
    vertical-align:middle;
}
.inapp-sidebar-collapsed .inapp-sidebar{
    width:88px;
}
.inapp-sidebar-collapsed .inapp-main{
    margin-left:88px;
}
.inapp-sidebar-collapsed .inapp-brand-copy,
.inapp-sidebar-collapsed .inapp-sidebar-user > div:not(.inapp-sidebar-avatar),
.inapp-sidebar-collapsed .inapp-nav-label,
.inapp-sidebar-collapsed .inapp-nav-link span,
.inapp-sidebar-collapsed .inapp-sidebar-footer{
    display:none;
}
.inapp-sidebar-collapsed .inapp-sidebar-user{
    justify-content:center;
}
.inapp-sidebar-collapsed .inapp-nav-link{
    justify-content:center;
}
@media (max-width: 991px){
    .inapp-sidebar{
        transform:translateX(-100%);
    }
    .inapp-main{
        margin-left:0;
    }
    .inapp-sidebar-open .inapp-sidebar{
        transform:translateX(0);
    }
    .inapp-sidebar-open .inapp-overlay{
        opacity:1;
        pointer-events:auto;
    }
    .inapp-topbar,
    .inapp-content,
    .inapp-footer{
        padding-left:16px;
        padding-right:16px;
    }
    .inapp-footer{
        flex-direction:column;
        align-items:flex-start;
    }
    .dashboard-overview-grid{
        grid-template-columns:1fr 1fr;
    }
    .admin-order-actions-card{
        position:static;
    }
    .inapp-auth-shell{
        grid-template-columns:1fr;
        max-width:620px;
    }
    .inapp-auth-shell--compact{
        padding-top:32px;
    }
    .inapp-auth-side{
        min-height:240px;
        padding:26px;
    }
}
@media (max-width: 767px){
    .inapp-topbar{
        flex-direction:column;
        align-items:flex-start;
    }
    .inapp-auth-card{
        padding:24px;
    }
    .inapp-auth-shell--compact .inapp-auth-card{
        padding:26px 22px 24px;
    }
    .inapp-auth-side-copy h1{
        font-size:28px;
    }
    .dashboard-focus-head,
    .dashboard-focus-foot,
    .dashboard-list-row{
        flex-direction:column;
        align-items:flex-start;
    }
    .dashboard-overview-grid{
        grid-template-columns:1fr;
    }
}
.small-box{
    position:relative;
    overflow:hidden;
    padding:22px 22px 18px;
    min-height:148px;
    border:1px solid #e8edf5;
    border-radius:8px;
    background:#ffffff;
}
.small-box .inner h3{
    margin:0 0 8px;
    font-size:28px;
    font-weight:700;
    color:#111827;
}
.small-box .inner p{
    margin:0;
    color:#6b7280;
    font-weight:500;
}
.small-box .icon{
    position:absolute;
    right:18px;
    top:18px;
    font-size:40px;
    opacity:.16;
}
.ml-auto{
    margin-left:auto !important;
}
.ml-2{
    margin-left:.5rem !important;
}
.mr-2{
    margin-right:.5rem !important;
}
.mr-3{
    margin-right:1rem !important;
}
.text-right{
    text-align:right !important;
}
.gentelella-body{
    background:#f7f7f7;
    color:#2a3f54;
    font-family:"Poppins", Arial, Helvetica, sans-serif;
}
.gentelella-shell{
    width:100%;
    max-width:none;
    padding:0;
}
.gentelella-body .main_container{
    min-height:100vh;
}
.gentelella-body .inapp-overlay{
    background:rgba(42, 63, 84, .42);
}
.gentelella-body .left_col.inapp-sidebar{
    background:linear-gradient(180deg, #2a3f54 0%, #172d44 100%);
    border-right:0;
    box-shadow:none;
    width:230px;
}
.gentelella-body .inapp-sidebar-brand{
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:0 16px 16px;
    min-height:57px;
    display:flex;
    align-items:center;
}
.gentelella-body .inapp-brand-link,
.gentelella-body .site_title{
    color:#ecf0f1;
    text-decoration:none;
    width:100%;
}
.gentelella-body .inapp-brand-name{
    color:#ffffff;
    font-weight:700;
}
.gentelella-body .inapp-brand-copy small,
.gentelella-body .inapp-sidebar-user small{
    color:rgba(236, 240, 241, .72);
}
.gentelella-body .inapp-sidebar-user{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    border-radius:8px;
    padding:14px;
    margin:18px 0 20px;
}
.gentelella-body .inapp-sidebar-avatar,
.gentelella-body .inapp-topbar-avatar{
    background:linear-gradient(135deg, #1abb9c 0%, #169f85 100%);
    color:#fff;
}
.gentelella-body .inapp-sidebar-user-name{
    color:#ffffff;
    font-weight:600;
}
.gentelella-body .inapp-nav-label{
    color:rgba(236, 240, 241, .45);
    letter-spacing:.08em;
}
.gentelella-body .inapp-nav-link{
    color:#d7dee5;
    border-radius:0;
    padding:11px 14px;
    margin-bottom:4px;
}
.gentelella-body .inapp-nav-link i{
    color:#9fb3c8;
}
.gentelella-body .inapp-nav-link:hover,
.gentelella-body .inapp-nav-link.active{
    background:rgba(26, 187, 156, .16);
    color:#ffffff;
    box-shadow:inset 3px 0 0 #1abb9c;
}
.gentelella-body .inapp-nav-link:hover i,
.gentelella-body .inapp-nav-link.active i{
    color:#1abb9c;
}
.gentelella-body .inapp-sidebar-footer{
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:16px;
}
.gentelella-body .inapp-sidebar-footer .btn-light{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    color:#ffffff;
}
.gentelella-body .inapp-sidebar-footer .btn-light:hover{
    background:#1abb9c;
    border-color:#1abb9c;
    color:#fff;
}
.gentelella-body .inapp-main{
    background:#f7f7f7;
}
.gentelella-body .right_col_shell{
    margin-left:230px;
    min-height:100vh;
}
.gentelella-body .inapp-topbar{
    background:#ededed;
    border-bottom:1px solid #d9dee4;
    box-shadow:none;
    min-height:57px;
}
.gentelella-body .inapp-topbar-copy h1{
    color:#2a3f54;
    font-size:22px;
    font-weight:700;
}
.gentelella-body .inapp-topbar-copy p,
.gentelella-body .inapp-topbar-user small{
    color:#73879c;
}
.gentelella-body .inapp-topbar-user-name{
    color:#2a3f54;
    font-weight:600;
}
.gentelella-body .inapp-icon-btn{
    background:#ffffff;
    border:1px solid #d9dee4;
    color:#2a3f54;
}
.gentelella-body .inapp-icon-btn:hover{
    background:#f8fafb;
    border-color:#cfd8e3;
    color:#1abb9c;
}
.gentelella-body .inapp-topbar-badge{
    background:#e74c3c;
}
.gentelella-body .inapp-content{
    padding-top:28px;
    padding-bottom:28px;
    min-height:calc(100vh - 114px);
}
.gentelella-body .inapp-footer{
    background:#ffffff;
    border-top:1px solid #d9dee4;
    color:#73879c;
    margin-left:0;
}
.gentelella-body .admin-dashboard-header,
.gentelella-body .panel-hero{
    background:#ffffff;
    border:1px solid #e6e9ed;
    border-radius:0;
    box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.gentelella-body .admin-dashboard-header{
    padding:22px 24px;
}
.gentelella-body .admin-dashboard-header h1,
.gentelella-body .panel-hero-title{
    color:#2a3f54;
    font-weight:600;
}
.gentelella-body .admin-dashboard-header p,
.gentelella-body .panel-hero-text{
    color:#73879c;
}
.gentelella-body .panel-hero{
    border-radius:0;
    background-image:none;
}
.gentelella-body .panel-hero::after{
    display:none;
}
.gentelella-body .panel-summary-card{
    border-radius:0;
    background:#f7f7f7;
}
.gentelella-body .panel-card,
.gentelella-body .card,
.gentelella-body .dashboard-kpi-card,
.gentelella-body .dashboard-focus-card,
.gentelella-body .panel-summary-card,
.gentelella-body .small-box{
    border-radius:0;
    border:1px solid #e6e9ed;
    box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.gentelella-body .panel-card-header,
.gentelella-body .card-header{
    background:#ffffff;
    border-bottom:1px solid #e6e9ed;
    padding:14px 18px;
}
.gentelella-body .panel-card-title,
.gentelella-body .card-title{
    color:#2a3f54;
    font-weight:600;
    font-size:18px;
}
.gentelella-body .panel-card-body,
.gentelella-body .card-body{
    padding:18px;
}
.gentelella-body .panel-table thead th,
.gentelella-body .table thead th{
    background:#ffffff;
    color:#73879c;
    border-bottom:2px solid #e6e9ed;
    font-size:12px;
    text-transform:uppercase;
}
.gentelella-body .panel-table tbody tr:hover{
    background:#fafafa;
}
.gentelella-body .panel-badge--info{
    background:rgba(26,187,156,.12);
    color:#0f766e;
}
.gentelella-body .panel-badge--danger{
    background:rgba(231,76,60,.14);
    color:#c0392b;
}
.gentelella-body .form-control,
.gentelella-body .form-select,
.gentelella-body textarea.form-control{
    border:1px solid #ccd0d7;
    border-radius:0;
    box-shadow:none;
    min-height:40px;
    color:#555;
}
.gentelella-body .form-control:focus,
.gentelella-body .form-select:focus,
.gentelella-body textarea.form-control:focus{
    border-color:#1abb9c;
    box-shadow:0 0 0 .1rem rgba(26,187,156,.08);
}
.gentelella-body label,
.gentelella-body .form-label{
    color:#2a3f54;
    font-weight:600;
    font-size:13px;
    margin-bottom:6px;
}
.gentelella-body .btn{
    border-radius:3px;
    font-weight:600;
    box-shadow:none;
}
.gentelella-body .btn-primary,
.gentelella-body .panel-app .btn-primary{
    background:#1abb9c;
    border-color:#1abb9c;
}
.gentelella-body .btn-primary:hover,
.gentelella-body .panel-app .btn-primary:hover{
    background:#169f85;
    border-color:#169f85;
}
.gentelella-body .btn-outline-primary,
.gentelella-body .panel-app .btn-outline-primary{
    color:#1abb9c;
    border-color:#1abb9c;
}
.gentelella-body .btn-outline-primary:hover,
.gentelella-body .panel-app .btn-outline-primary:hover{
    background:#1abb9c;
    color:#fff;
}
.gentelella-body .btn-light{
    background:#f7f7f7;
    border-color:#ccd0d7;
    color:#73879c;
}
.gentelella-body .btn-light:hover{
    background:#ededed;
    color:#2a3f54;
}
.gentelella-body .alert{
    border-radius:0;
    border:1px solid transparent;
}
.gentelella-body .alert-success{
    background:#e9f7ef;
    border-color:#b7e1c1;
    color:#1e7e34;
}
.gentelella-body .alert-danger{
    background:#fcebea;
    border-color:#f5c6cb;
    color:#a94442;
}
.gentelella-body .small-box{
    min-height:auto;
    border-left:4px solid rgba(255,255,255,.22);
}
.gentelella-body .dashboard-kpi-card{
    min-height:auto;
    padding:20px;
}
.gentelella-body .dashboard-kpi-copy h3,
.gentelella-body .dashboard-focus-label,
.gentelella-body .panel-summary-label{
    color:#73879c;
}
.gentelella-body .dashboard-kpi-value,
.gentelella-body .dashboard-focus-value,
.gentelella-body .panel-summary-value{
    color:#2a3f54;
}
body.inapp-sidebar-collapsed.gentelella-body .left_col.inapp-sidebar{
    width:70px;
}
body.inapp-sidebar-collapsed.gentelella-body .right_col_shell{
    margin-left:70px;
}
body.inapp-sidebar-collapsed.gentelella-body .inapp-sidebar-brand{
    justify-content:center;
}
.admin-dashboard-page--gentelella{
    gap:26px;
}
.admin-dashboard-header--gentelella{
    display:none;
}
.admin-gentelella-kpis .col-xl-2{
    flex:0 0 20%;
    max-width:20%;
}
.gentelella-kpi-tile{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px;
    background:#fff;
    border:1px solid #d9dee4;
    border-radius:8px;
    box-shadow:0 1px 3px rgba(0,0,0,.08);
    height:100%;
}
.gentelella-kpi-icon{
    width:64px;
    height:64px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
    flex-shrink:0;
}
.gentelella-kpi-icon--blue{background:#2a7fff;}
.gentelella-kpi-icon--cyan{background:#1ec8f0;}
.gentelella-kpi-icon--yellow{background:#ffc220;}
.gentelella-kpi-icon--green{background:#1b8d4a;}
.gentelella-kpi-icon--slate{background:#7c8793;}
.gentelella-kpi-icon--teal{background:#23c9a9;}
.gentelella-kpi-copy{
    flex:1;
}
.gentelella-kpi-copy h3{
    margin:0 0 14px;
    color:#2a3f54;
    font-size:17px;
    font-weight:500;
    text-transform:uppercase;
}
.gentelella-kpi-value{
    font-size:28px;
    line-height:1.1;
    color:#2a3f54;
    margin-bottom:16px;
}
.gentelella-kpi-copy p{
    margin:0;
    padding-top:14px;
    border-top:1px solid #e6e9ed;
    color:#73879c;
    font-size:13px;
}
.gentelella-kpi-copy p span{
    font-weight:600;
    margin-right:4px;
}
.gentelella-analytics-card{
    border-radius:12px;
    overflow:hidden;
}
.gentelella-analytics-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid #e6e9ed;
}
.gentelella-analytics-head p{
    margin:8px 0 0;
    color:#8ea0b3;
}
.gentelella-date-range{
    display:flex;
    align-items:center;
    gap:14px;
}
.gentelella-date-box{
    min-width:210px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 16px;
    border:1px solid #d9dee4;
    background:#fff;
    color:#73879c;
}
.gentelella-date-sep{
    color:#9aa9b8;
}
.gentelella-main-chart-wrap{
    position:relative;
    min-height:390px;
}
.gentelella-campaign-card h4{
    margin:6px 0 18px;
    color:#5c7694;
    font-size:18px;
    font-weight:500;
}
.gentelella-campaign-item{
    margin-bottom:18px;
}
.gentelella-campaign-label{
    margin-bottom:8px;
    color:#73879c;
}
.gentelella-campaign-track{
    height:10px;
    background:#e9edf2;
    border-radius:999px;
    overflow:hidden;
}
.gentelella-campaign-track span{
    display:block;
    height:100%;
    background:#20c4a4;
    border-radius:999px;
}
@media (max-width: 991.98px){
    .gentelella-body .left_col.inapp-sidebar{
        width:230px;
    }
    .gentelella-body .right_col_shell{
        margin-left:0;
    }
    body.inapp-sidebar-collapsed.gentelella-body .right_col_shell{
        margin-left:0;
    }
    .admin-gentelella-kpis .col-xl-2{
        flex:0 0 50%;
        max-width:50%;
    }
    .gentelella-analytics-head{
        flex-direction:column;
        align-items:flex-start;
    }
    .gentelella-date-range{
        flex-wrap:wrap;
    }
    .gentelella-date-box{
        min-width:180px;
    }
}
@media (max-width: 767.98px){
    .admin-gentelella-kpis .col-xl-2{
        flex:0 0 100%;
        max-width:100%;
    }
}