body{
background:#0b0b0b;
color:white;
}

/* navbar */

.navbar{
background:#000;
border-bottom:1px solid #222;
}

/* navbar active when click page */

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #198754 !important;
}

/* hero */

.hero{
padding:50px 20px;
text-align:center;
background:linear-gradient(#111,#000);
}

.hero h1{
font-size:60px;
font-weight:600;
}

/* product card */

.card{
background:#111;
border:none;
border-radius:15px;
transition:0.3s;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.6);
}

.price{
color:#0d6efd;
font-size:18px;
}

.product-img-large{
width:100%;
max-width:400px;
}

footer{
border-top:1px solid #222;
color:#777;
}

.payment-method-card{display:flex;align-items:flex-start;padding:.75rem;border:1px solid #6c757d;border-radius:.5rem;cursor:pointer}.payment-method-card:has(input:checked){border-color:#198754;background:rgba(25,135,84,.12)}

.admin-order-product-list {
    display: grid;
    gap: .75rem;
}

.admin-order-product-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.admin-order-product-thumbnail,
.admin-order-product-placeholder {
    width: 56px;
    height: 56px;
    aspect-ratio: 1 / 1;
    flex: 0 0 56px;
    border-radius: .375rem;
}

.admin-order-product-thumbnail {
    display: block;
    object-fit: cover;
    border: 1px solid #495057;
}

.admin-order-product-placeholder {
    display: grid;
    place-items: center;
    background: #212529;
    border: 1px solid #495057;
    color: #adb5bd;
}

.admin-order-product-name {
    overflow-wrap: anywhere;
}

.myorders-product-list {
    display: grid;
    gap: .75rem;
}

.myorders-product-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.myorders-product-thumbnail,
.myorders-product-placeholder {
    width: 64px;
    height: 64px;
    aspect-ratio: 1 / 1;
    flex: 0 0 64px;
    border-radius: .375rem;
}

.myorders-product-thumbnail {
    display: block;
    object-fit: cover;
    border: 1px solid #495057;
}

.myorders-product-placeholder {
    display: grid;
    place-items: center;
    background: #212529;
    border: 1px solid #495057;
    color: #adb5bd;
}

.myorders-product-name {
    overflow-wrap: anywhere;
}

.order-detail-product-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.order-detail-product-prices {
    margin-left: auto;
    min-width: max-content;
    text-align: end;
}

.order-detail-page {
    --bs-body-color: #f8f9fa;
    --bs-secondary-rgb: 185, 192, 200;
    color: var(--bs-body-color);
}

.order-detail-page .card {
    --bs-card-color: #f8f9fa;
}

.admin-order-detail-page {
    --bs-body-color: #f8f9fa;
    --bs-secondary-rgb: 185, 192, 200;
    color: var(--bs-body-color);
}

.admin-order-detail-page .card {
    --bs-card-color: #f8f9fa;
}

.admin-dashboard-page {
    --dashboard-panel-bg: #111;
    --dashboard-border: #3d4652;
    --dashboard-label: #c3cad3;
    --dashboard-value: #f8fafc;
    --dashboard-table-color: #edf2f7;
    color: var(--dashboard-value);
}

.admin-dashboard-page .dashboard-card,
.admin-dashboard-page .dashboard-section,
.admin-dashboard-page .return-refund-panel {
    background: var(--dashboard-panel-bg);
    border: 1px solid var(--dashboard-border);
    border-radius: .85rem;
}

.admin-dashboard-page .dashboard-section-inner {
    background: #151515;
    border: 1px solid var(--dashboard-border);
    border-radius: .75rem;
}

.admin-dashboard-page .dashboard-card {
    height: 100%;
}

.admin-dashboard-page .dashboard-card-link {
    display: block;
    height: 100%;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

.admin-dashboard-page .dashboard-card-link .dashboard-card,
.admin-dashboard-page .dashboard-card-link .return-refund-card {
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.admin-dashboard-page .dashboard-card-link:hover .dashboard-card,
.admin-dashboard-page .dashboard-card-link:hover .return-refund-card {
    border-color: #65dba0;
    box-shadow: 0 .55rem 1.2rem rgba(0, 0, 0, .22);
    transform: translateY(-2px);
}

.admin-dashboard-page .dashboard-card-link:focus-visible {
    border-radius: .85rem;
    outline: 3px solid #65dba0;
    outline-offset: 3px;
}

.admin-dashboard-page .dashboard-card-link:focus-visible .dashboard-card,
.admin-dashboard-page .dashboard-card-link:focus-visible .return-refund-card {
    border-color: #65dba0;
}

.admin-dashboard-page .dashboard-card-link:active .dashboard-card,
.admin-dashboard-page .dashboard-card-link:active .return-refund-card {
    transform: translateY(0);
}

.admin-dashboard-page .dashboard-fulfillment-link {
    border-radius: .5rem;
    color: inherit;
    padding: .5rem;
    text-decoration: none;
    transition: color .16s ease, background-color .16s ease;
}

.admin-dashboard-page .dashboard-fulfillment-link:hover {
    background-color: rgba(255, 255, 255, .06);
    color: #8ce2b0;
}

.admin-dashboard-page .dashboard-fulfillment-link:focus-visible {
    outline: 3px solid #65dba0;
    outline-offset: 2px;
}

.admin-dashboard-page .dashboard-card .card-body {
    padding: 1.25rem;
}

.admin-dashboard-page .dashboard-label,
.admin-dashboard-page .dashboard-empty {
    color: var(--dashboard-label);
    font-size: .875rem;
}

.admin-dashboard-page .dashboard-value {
    color: var(--dashboard-value);
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    font-weight: 700;
    line-height: 1.15;
}

.admin-dashboard-page .dashboard-money-value {
    font-size: clamp(1.2rem, 2.3vw, 1.75rem);
    overflow-wrap: anywhere;
}

.admin-dashboard-page .dashboard-icon {
    align-self: flex-start;
    border-radius: .7rem;
    font-size: 1.35rem;
    height: 2.6rem;
    width: 2.6rem;
}

.admin-dashboard-page .dashboard-icon-sm {
    font-size: 1rem;
    height: 2rem;
    width: 2rem;
}

.admin-dashboard-page .dashboard-icon-success { background: #173427; color: #71e3a0; }
.admin-dashboard-page .dashboard-icon-primary { background: #172e4c; color: #8dc6ff; }
.admin-dashboard-page .dashboard-icon-warning { background: #4a3515; color: #ffc766; }
.admin-dashboard-page .dashboard-icon-info { background: #183945; color: #78d9ee; }
.admin-dashboard-page .dashboard-icon-danger { background: #4a2029; color: #ff9aac; }

.admin-dashboard-page .dashboard-section-title {
    color: var(--dashboard-value);
    font-size: 1.05rem;
    font-weight: 700;
}

.admin-dashboard-page .return-refund-panel {
    border-color: #70404d;
}

.admin-dashboard-page .return-refund-card {
    min-height: 8.75rem;
    overflow: hidden;
    padding: 1.1rem;
    position: relative;
    border: 1px solid var(--dashboard-border);
    border-radius: .75rem;
    background: #151515;
}

.admin-dashboard-page .return-refund-card-icon {
    bottom: 1rem;
    font-size: 1.45rem;
    opacity: .75;
    position: absolute;
    right: 1rem;
}

.admin-dashboard-page .return-refund-card-returned { border-color: #35684a; }
.admin-dashboard-page .return-refund-card-returned .return-refund-card-icon { color: #78d7a0; }
.admin-dashboard-page .return-refund-card-pending { border-color: #7a5b22; }
.admin-dashboard-page .return-refund-card-pending .return-refund-card-icon { color: #ffc766; }
.admin-dashboard-page .return-refund-card-completed { border-color: #35678a; }
.admin-dashboard-page .return-refund-card-completed .return-refund-card-icon { color: #86ccff; }
.admin-dashboard-page .return-refund-card-amount { border-color: #6b4b83; }
.admin-dashboard-page .return-refund-card-amount .return-refund-card-icon { color: #d2a8ff; }

.admin-dashboard-page .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--dashboard-table-color);
    --bs-table-border-color: var(--dashboard-border);
}

.admin-dashboard-page .table thead th {
    color: var(--dashboard-label);
    white-space: nowrap;
}

.low-stock-product-list {
    display: grid;
    gap: .75rem;
}

.low-stock-product {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.low-stock-product-image,
.low-stock-product-placeholder {
    align-items: center;
    background: #212529;
    border: 1px solid #495057;
    border-radius: .5rem;
    display: flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    object-fit: cover;
    width: 42px;
}

.low-stock-product-placeholder { color: #adb5bd; }

.low-stock-product-name {
    color: var(--dashboard-value);
    overflow-wrap: anywhere;
}

.low-stock-product-stock {
    color: #ffc766;
    margin-left: auto;
    min-width: max-content;
}

@media (prefers-reduced-motion: reduce) {
    .admin-dashboard-page .dashboard-card-link .dashboard-card,
    .admin-dashboard-page .dashboard-card-link .return-refund-card,
    .admin-dashboard-page .dashboard-fulfillment-link {
        transition: none;
    }
}

@media (max-width: 575.98px) {
    .order-detail-product-row {
        align-items: flex-start;
    }

    .order-detail-product-prices {
        margin-left: 0;
        min-width: 0;
        text-align: start;
    }
}