: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;
}
.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);
}
.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:18px;
}
.product-gallery-main{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    background:#f7fafa;
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}
.product-gallery-main img{
    max-width:100%;
    max-height:360px;
    object-fit:contain;
}
.product-gallery-thumbs{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    margin-top:14px;
}
.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 .price{
    font-size:34px;
    font-weight:700;
}
.offer-panel .stock{
    color:var(--amazon-green);
    font-weight:700;
}
.mini-note{
    color:var(--muted);
    font-size:13px;
}
.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);
}
.tracking-status-badge{
    display:inline-block;
    background:#007600;
    color:#fff;
    border-radius:8px;
    padding:8px 12px;
    font-weight:700;
}
.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-timeline{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:12px;
}
.tracking-timeline-item{
    border:1px solid var(--amazon-border);
    border-radius:8px;
    padding:16px 12px;
    background:#f7fafa;
    text-align:center;
}
.tracking-timeline-item.is-done{
    border-color:#9fd59f;
    background:#eef9ee;
}
.tracking-timeline-dot{
    width:14px;
    height:14px;
    border-radius:999px;
    margin:0 auto 10px;
    background:#c5c9c9;
}
.tracking-timeline-item.is-done .tracking-timeline-dot{
    background:#0f8f30;
}
.tracking-timeline-label{
    font-size:13px;
    font-weight:700;
    line-height:1.4;
}
.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){
    .shop-heading-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .clear-search-btn{
        max-width:none;
    }
    .product-gallery{
        min-height:auto;
    }
    .product-gallery-main{
        min-height:280px;
    }
    .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-timeline{
        grid-template-columns:1fr;
    }
    .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:#5b6472;
    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:#6b7280;
    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:#6b7280;
    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:#5a6a85;
    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;
}
.panel-badge--success{
    background:rgba(54,199,108,.12);
    color:#36c76c;
}
.panel-badge--warning{
    background:rgba(255,185,0,.12);
    color:#ffb900;
}
.panel-badge--muted{
    background:#eff4fa;
    color:#7b8893;
}
.panel-badge--info{
    background:rgba(99,91,255,.12);
    color:#635bff;
}
.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:#304256;
    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;
}
.panel-action-btn,
.panel-secondary-btn{
    border-radius:8px;
}
.payment-action-links .btn + .btn{
    margin-top:10px;
}
.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-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;
}
.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:#6b7280;
    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:#6b7280;
}
.inapp-nav{
    padding:10px 14px 18px;
    overflow:auto;
    flex:1 1 auto;
}
.inapp-nav-label{
    display:block;
    padding:10px 10px 8px;
    color:#9aa4b2;
    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:#e66239;
    background:rgba(230, 98, 57, .09);
}
.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:#6b7280;
    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:#6b7280;
}
.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:#6b7280;
    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:#ffffff;
}
.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:none;
}
.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:#6b7280;
}
.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:#6b7280;
    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:#7b8893;
    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;
}
.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;
}