.i-icon {
    display: inline-block;
    vertical-align: -3px;
    flex-shrink: 0;
    stroke: currentColor;
}
.i-icon-sm {
    width: 14px;
    height: 14px;
}
.i-icon-lg {
    width: 22px;
    height: 22px;
}
.i-icon-xl {
    width: 32px;
    height: 32px;
}
.buy-now-btn {
    width: 100%;
    padding: 10px;
    background: linear-gradient(135deg, var(--green-deep), var(--green));
    color: var(--black);
    border: 1.5px solid transparent;
    border-radius: var(--radius);
    font-weight: 700;
    font-size: 0.88em;
    cursor: pointer;
    transition: var(--transition);
    font-family: inherit;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 10px rgba(0,201,110,0.25);
}
.buy-now-btn:hover {
    background: linear-gradient(135deg, var(--green), #00ffaa);
    color: #000;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0,201,110,0.45);
}
.buy-now-btn[disabled] {
    background: var(--dark3);
    color: var(--text-muted);
    box-shadow: none;
    cursor: default;
}
:root {
    --black: #000000;
    --dark: #0a0a0a;
    --dark2: #111111;
    --dark3: #1a1a1a;
    --dark4: #222222;
    --panel: #0d0d0d;
    --green: #00e87a;
    --green-dim: #00c96e;
    --green-deep: #00a857;
    --green-glow: rgba(0, 232, 122, 0.18);
    --green-glow2: rgba(0, 232, 122, 0.10);
    --green-glow3: rgba(0, 232, 122, 0.05);
    --violet: #8b6cf5;
    --violet-dim: #7c5cf0;
    --violet-deep: #6d4fd9;
    --violet-glow: rgba(139, 108, 245, 0.20);
    --violet-glow2: rgba(139, 108, 245, 0.12);
    --violet-glow3: rgba(139, 108, 245, 0.06);
    --text: #ffffff;
    --text-dim: #b7b7c3;
    --text-muted: #83838f;
    --danger-text: #ff6b52;
    --warning-text: #ffb648;
    --border: rgba(0, 232, 122, 0.5);
    --border-dim: rgba(255, 255, 255, 0.08);
    --radius: 10px;
    --radius-lg: 16px;
    --shadow-green: 0 2px 10px rgba(0,0,0,0.12);
    --shadow-card: 0 8px 40px rgba(0,0,0,0.6);
    --shadow-btn: 0 2px 8px rgba(0,0,0,0.18);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* ---------- Spacing scale (4px base) ---------- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;

    /* ---------- Type scale ---------- */
    --fs-xs:   0.78em;
    --fs-sm:   0.85em;
    --fs-base: 1em;
    --fs-md:   1.1em;
    --fs-lg:   1.3em;
    --fs-xl:   1.6em;
    --fs-2xl:  2em;

    /* ---------- Semantic status colors ----------
       One canonical hue per status, each with a solid text color, a soft
       translucent background for pills/badges, and a matching border.
       Replaces the ad-hoc rgba(...) values scattered through app.js so
       every "danger" badge, alert, and button uses the same red. */
    --success:       #3ecf8e;
    --success-text:  #007a42;
    --success-bg:    rgba(62, 207, 142, 0.10);
    --success-border: rgba(62, 207, 142, 0.4);

    --danger:        #ef6a63;
    --danger-bg:     rgba(239, 106, 99, 0.12);
    --danger-border: rgba(239, 106, 99, 0.4);

    --warning:       #e6b155;
    --warning-text2: #a3701c;
    --warning-bg:    rgba(230, 177, 85, 0.12);
    --warning-border: rgba(230, 177, 85, 0.4);

    --info:          #4a9eff;
    --info-text:     #0055cc;
    --info-bg:       rgba(74, 158, 255, 0.12);
    --info-border:   rgba(74, 158, 255, 0.4);

    --brand:         var(--violet);
    --brand-text:    #a892f8;
    --brand-bg:      rgba(139, 108, 245, 0.10);
    --brand-border:  rgba(139, 108, 245, 0.35);
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-16px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes scanline {
    0%   { background-position: 0 0; }
    100% { background-position: 0 100%; }
}
@keyframes logoLoop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.25); }
    100% { transform: scale(1); }
}
@keyframes borderFlow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
@keyframes floatY {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-6px); }
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    max-width: 100vw;
}
html {
    font-size: clamp(13.5px, 1.15vw + 10px, 16px);
    scroll-behavior: smooth;
}
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #000000;
    color: var(--text);
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-image: none;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(255,255,255,0.008) 2px,
        rgba(255,255,255,0.008) 4px
    );
    pointer-events: none;
    z-index: 9999;
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--dark);
}
::-webkit-scrollbar-thumb {
    background: var(--green-deep);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--green);
}
.auth-bg-overlay {
    position: fixed;
    inset: 0;
    background: linear-gradient(160deg, rgba(6,5,10,0.90) 0%, rgba(8,6,14,0.88) 45%, rgba(5,4,9,0.94) 100%);
    z-index: 0;
}
.auth-split-card {
    position: relative;
    z-index: 1;
    display: flex;
    width: 860px;
    max-width: 100%;
    min-height: 520px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    animation: authFadeIn 0.55s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes authFadeIn {
    from { opacity:0; transform:translateY(24px) scale(0.97); }
    to   { opacity:1; transform:translateY(0)    scale(1); }
}
.auth-left-panel {
    flex: 1.1;
    background: #0d130e;
    border-right: 1px solid #1c1c1f;
    display: flex;
    align-items: center;
    padding: 48px 40px;
    position: relative;
    overflow: hidden;
}
.auth-left-panel::before {
    content: '';
    position: absolute;
    top: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    background: none;
    pointer-events: none;
}
.auth-left-panel::after {
    content: '';
    position: absolute;
    bottom: -60px;
    right: -40px;
    width: 200px;
    height: 200px;
    background: none;
    pointer-events: none;
}
.auth-left-content {
    position: relative;
    z-index: 1;
}
.auth-brand-logo {
    width: 220px;
    max-width: 100%;
    margin-bottom: 32px;
    border-radius: 10px;
    filter: drop-shadow(0 4px 16px rgba(0,0,0,0.5));
}
.auth-headline {
    font-size: 2.1em;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
    font-family: 'Outfit', sans-serif;
}
.auth-subtext {
    color: rgba(255,255,255,0.65);
    font-size: 0.9em;
    line-height: 1.7;
    margin: 0 0 28px;
    max-width: 320px;
}
.auth-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.auth-badge {
    display: inline-block;
    background: var(--green-glow2);
    border: 1px solid var(--green-glow4);
    color: var(--green);
    font-size: 0.85em;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}
.auth-right-panel {
    width: 380px;
    flex-shrink: 0;
    background: #0a0f0b;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 44px 36px 32px;
    overflow-y: auto;
}
.auth-form-title {
    font-size: 1.75em;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 6px;
    font-family: 'Outfit', sans-serif;
}
.auth-form-sub {
    color: rgba(255,255,255,0.45);
    font-size: 0.85em;
    margin: 0 0 28px;
}
.auth-field {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    transition: border-color 0.2s;
}
.auth-field:focus-within {
    border-bottom-color: var(--green);
}
.auth-input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.93em;
    padding: 10px 0;
    font-family: inherit;
}
.auth-input::placeholder {
    color: rgba(255,255,255,0.35);
}
.auth-forgot {
    color: rgba(255,255,255,0.45);
    font-size: 0.8em;
    text-decoration: none;
    transition: color 0.2s;
}
.auth-forgot:hover {
    color: var(--green);
}
.auth-btn {
    width: 100%;
    padding: 14px;
    background: var(--green);
    color: #000;
    border: none;
    border-radius: 8px;
    font-size: 0.97em;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    font-family: inherit;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}
.auth-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}
.auth-btn:active {
    transform: translateY(0);
}
.auth-switch-text {
    color: rgba(255,255,255,0.45);
    font-size: 0.83em;
    text-align: center;
    width: 100%;
    margin-top: 4px;
}
.auth-link {
    color: var(--green);
    text-decoration: none;
    font-weight: 600;
}
.auth-link:hover {
    text-decoration: underline;
}
.auth-quick-access {
    margin-top: 24px;
    width: 100%;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.auth-quick-label {
    color: rgba(255,255,255,0.3);
    font-size: 0.82em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}
.auth-quick-btn {
    flex: 1;
    padding: 9px 12px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    font-size: 0.82em;
    font-weight: 700;
    transition: all 0.15s;
    border: 1px solid transparent;
}
.admin-btn {
    background: rgba(0,232,122,0.1);
    border-color: rgba(0,232,122,0.25);
    color: #00e87a;
}
.user-btn {
    background: rgba(255,180,0,0.08);
    border-color: rgba(255,180,0,0.2);
    color: #ffb700;
}
.auth-quick-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.2);
}
@media (max-width: 700px) {
    .auth-left-panel {
        display: none;
    }
    .auth-right-panel {
        width: 100%;
        padding: 32px 24px;
    }
}
.form-group {
    margin-bottom: 18px;
    animation: fadeInUp 0.4s ease both;
}
.form-group label {
    display: block;
    font-size: 0.85em;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 7px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
}
#cancelReasonOptions label {
    display: flex;
    color: var(--text);
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.form-control {
    width: 100%;
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    border-radius: var(--radius);
    color: var(--text);
    padding: 12px 16px;
    font-size: 0.95em;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: var(--transition);
    outline: none;
    caret-color: var(--green-dim);
}
.form-control:focus {
    border-color: var(--green);
    background: var(--dark3);
    box-shadow: 0 0 0 3px var(--green-glow2);
    color: #fff;
}
.form-control:hover:not(:focus) {
    border-color: rgba(0,201,110,0.3);
}
.form-control[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}
select.form-control option {
    background: var(--dark3);
    color: var(--text);
}
textarea.form-control {
    resize: vertical;
    min-height: 80px;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: var(--radius);
    border: none;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 0.88em;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
}
.btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
    transition: left 0.5s ease;
}
.btn:hover::after {
    left: 150%;
}
.btn-primary {
    background: linear-gradient(135deg, var(--green-deep), var(--green));
    color: var(--black);
    box-shadow: var(--shadow-btn);
}
.btn-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 30px rgba(0, 201, 110, 0.5), 0 0 0 1px rgba(0,201,110,0.2);
    background: linear-gradient(135deg, var(--green), #00ffaa);
}
.btn-primary:active {
    transform: translateY(0) scale(0.98);
}
.btn-success {
    background: linear-gradient(135deg, #00a855, #00a857);
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 200, 100, 0.3);
}
.btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 200, 100, 0.5);
}
.btn-danger {
    background: linear-gradient(135deg, #8a0000, #cc2200);
    color: #fff;
    box-shadow: 0 4px 16px rgba(200, 50, 0, 0.3);
}
.btn-danger:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(200, 50, 0, 0.5);
}
.btn-outline {
    background: transparent;
    border: 1px solid var(--green);
    color: var(--green);
}
.btn-outline:hover {
    background: var(--green);
    color: var(--black);
    box-shadow: var(--shadow-btn);
    transform: translateY(-2px);
}
.btn-outline-danger {
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger);
}
.btn-outline-danger:hover {
    background: var(--danger);
    color: #fff;
    box-shadow: var(--shadow-btn);
    transform: translateY(-2px);
}
.btn-sm {
    padding: 7px 14px;
    font-size: 0.8em;
}
.alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: var(--radius);
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 16px;
    animation: fadeInDown 0.3s ease;
    border-left: 4px solid;
    letter-spacing: 0.5px;
}
.alert .i-icon {
    flex-shrink: 0;
}
.alert-danger {
    background: var(--danger-bg);
    color: var(--danger);
    border-color: var(--danger);
}
.alert-success {
    background: var(--success-bg);
    color: var(--success-text);
    border-color: var(--success);
}
.alert-info {
    background: var(--info-bg);
    color: var(--info-text);
    border-color: var(--info);
}
.alert-warning {
    background: var(--warning-bg);
    color: var(--warning-text2);
    border-color: var(--warning);
}
.hidden {
    display: none !important;
}
.admin-layout {
    display: flex;
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    gap: 0;
    background: var(--black);
    animation: fadeIn 0.5s ease;
}
.sidebar {
    width: 200px;
    min-width: 200px;
    flex-shrink: 0;
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0a0a 0%, #050505 100%);
    border-right: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
    animation: slideInLeft 0.5s ease;
}
.sidebar-header {
    padding: 24px 20px 18px;
    border-bottom: 1px solid var(--border-dim);
    position: relative;
    flex-shrink: 0;
}
.sidebar-header::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--green), transparent);
}
.sidebar-brand-logo {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 12px;
}
.sidebar-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95em;
    font-weight: 700;
    color: var(--green);
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}
.sidebar-header p {
    color: var(--text);
    font-size: 0.8em;
    margin-top: 4px;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.sidebar-menu {
    padding: 12px 10px;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
#adminDashboardPage {
    --green: var(--violet);
    --green-dim: var(--violet-dim);
    --green-deep: var(--violet-deep);
    --green-glow: var(--violet-glow);
    --green-glow2: var(--violet-glow2);
    --green-glow3: var(--violet-glow3);
}
#adminDashboardPage .badge-success {
    background: var(--violet-glow2);
    color: var(--violet);
    border: 1px solid var(--violet-glow);
}
.sidebar-active-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--violet);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: transform 0.25s cubic-bezier(0.4,0,0.2,1),
                height 0.25s cubic-bezier(0.4,0,0.2,1),
                opacity 0.2s ease;
}
.sidebar-section-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
    padding: 14px 14px 6px;
    margin: 0;
}
.sidebar-section-label:first-child {
    padding-top: 2px;
}
.sidebar-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--radius);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    color: var(--text);
    font-weight: 600;
    font-size: 0.875em;
    margin-bottom: 2px;
    letter-spacing: 0.2px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: transparent;
}
.sidebar-item.active {
    background: var(--violet);
    color: #000000;
    font-weight: 800;
}
.sidebar-item-icon {
    font-size: 1.1em;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.sidebar-item-icon svg {
    stroke: #ffffff;
    transition: stroke 0.2s;
}
.sidebar-item:hover:not(.active) .sidebar-item-icon svg {
    stroke: var(--violet);
}
.sidebar-item.active .sidebar-item-icon svg {
    stroke: #000000;
}
.sidebar-item[onclick*="logout"]:hover .sidebar-item-icon svg {
    stroke: #ff4422;
}
.main-content {
    flex: 1;
    min-width: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--black);
    min-height: 100vh;
}
.admin-container, .container {
    width: 100%;
    max-width: 100%;
    padding: 20px 24px 24px;
    box-sizing: border-box;
}
.page-content {
    animation: fadeInUp 0.4s ease both;
    max-width: 100%;
    overflow-x: hidden;
}
.page-header {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-dim);
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.page-header::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    background: var(--green);
}
.page-header h1 {
    font-family: 'Outfit', sans-serif;
    font-size: 2em;
    font-weight: 700;
    color: var(--violet);
    letter-spacing: 2px;
}
.page-header p {
    color: var(--violet-dim);
    margin-top: 6px;
    font-size: 0.9em;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
}
.section {
    background: var(--dark2);
    border: 1px solid var(--border-dim);
    border-radius: var(--radius-lg);
    padding: var(--sp-3) var(--sp-4);
    margin-bottom: 14px;
    transition: var(--transition);
    position: relative;
    overflow: visible;
}
.section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--green), transparent);
    opacity: 0;
    transition: opacity 0.4s;
}
.section:hover::before {
    opacity: 1;
}
.section:hover {
    border-color: var(--border);
}
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: var(--fs-lg);
    font-weight: 700;
    color: var(--text);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-break: break-word;
}
.dashboard-charts-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 20px;
    min-width: 0;
}
.dashboard-charts-grid > div {
    min-width: 0;
}
@media (max-width: 950px) {
    .dashboard-charts-grid {
        grid-template-columns: 1fr;
    }
}
.stats-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.stat-card {
    background: var(--dark2);
    border: 1px solid var(--border-dim);
    border-radius: var(--radius-lg);
    padding: var(--sp-4) var(--sp-3);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    transition: var(--transition);
    cursor: default;
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.5s ease both;
}
.stat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--green-glow3), transparent);
    opacity: 0;
    transition: opacity 0.4s;
}
.stat-card:hover {
    border-color: var(--green);
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--shadow-green);
}
.stat-card:hover::after {
    opacity: 1;
}
.stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--green-glow2);
    color: var(--green);
}
.stat-icon svg {
    stroke: currentColor;
}
.stat-icon.warning {
    background: var(--warning-bg);
    color: var(--warning);
}
.stat-icon.danger {
    background: var(--danger-bg);
    color: var(--danger);
}
.stat-icon.success {
    background: var(--success-bg);
    color: var(--success);
}
.stat-icon.info {
    background: var(--info-bg);
    color: var(--info);
}
.stat-icon.neutral {
    background: var(--dark4);
    color: var(--text);
}
.stat-info h3 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1em, 2.5vw, 1.8em);
    font-weight: 700;
    color: var(--green);
    line-height: 1.1;
    white-space: nowrap;
    overflow: visible;
    width: 100%;
}
.stat-info p {
    color: var(--text);
    font-size: 0.8em;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'JetBrains Mono', monospace;
    overflow-wrap: break-word;
    word-break: break-word;
}
.stat-info {
    min-width: 0;
    flex: 1;
    width: 100%;
}
.table-responsive {
    overflow-x: auto;
    border-radius: var(--radius);
    width: 100%;
}
.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-sm);
    table-layout: fixed;
}
.data-table thead tr {
    background: var(--dark3);
    border-bottom: 1px solid var(--border);
}
.data-table th {
    padding: var(--sp-2) var(--sp-2);
    text-align: left;
    font-family: 'JetBrains Mono', monospace;
    font-size: var(--fs-xs);
    color: var(--green-dim);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
}
.data-table tbody tr {
    border-bottom: 1px solid var(--border-dim);
    transition: var(--transition);
}
.data-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.014);
}
.data-table tbody tr:hover {
    background: var(--green-glow3);
    border-bottom-color: var(--border);
}
.data-table td {
    padding: var(--sp-2) var(--sp-2);
    color: var(--text);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.data-table td strong {
    color: var(--green);
}
.data-table .num-cell {
    text-align: right;
    font-family: 'JetBrains Mono', monospace;
    font-variant-numeric: tabular-nums;
}
.filter-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.filter-tab {
    padding: 8px 18px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text);
    border: 1px solid var(--border-dim);
    background: var(--dark3);
    transition: var(--transition);
    font-family: 'JetBrains Mono', monospace;
}
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}
#userShopGrid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}
.product-card {
    background: var(--dark2);
    border: 2.5px solid #00c96e;
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    animation: fadeInUp 0.4s ease both;
    box-shadow: 0 0 0 1px rgba(0,201,110,0.3), 0 4px 16px rgba(0, 0, 0, 0.15);
}
.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0,201,110,0.04), transparent);
    transition: left 0.5s ease;
}
.product-card:hover::before {
    left: 100%;
}
.product-card:hover {
    border-color: #00c96e;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 10px 30px rgba(0,201,110,0.35), 0 0 0 1px rgba(0,201,110,0.2), 0 12px 40px rgba(0, 0, 0, 0.2);
}
.product-image {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3em;
    background: var(--dark3);
    border-bottom: 1px solid var(--border-dim);
    position: relative;
    overflow: hidden;
    transition: var(--transition);
}
.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.product-card:hover .product-image img {
    transform: scale(1.07);
}
.product-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: none;
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
}
.product-card:hover .product-image::after {
    opacity: 1;
}
.product-card:hover .product-image {
    font-size: 3.5em;
}
.img-upload-box {
    border: 2px dashed rgba(0,201,110,0.5);
    border-radius: 10px;
    padding: 18px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--dark3);
    position: relative;
}
.img-upload-box:hover {
    border-color: var(--green);
    background: rgba(0,201,110,0.05);
}
.img-upload-box input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.img-preview {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    display: none;
    margin-bottom: 8px;
    border: 1px solid var(--border);
}
.product-info {
    padding: 16px;
}
.product-name {
    font-weight: 700;
    font-size: 0.92em;
    color: var(--text);
    margin-bottom: 6px;
    line-height: 1.3;
}
.product-price {
    font-family: 'Outfit', sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    color: var(--green);
    margin-bottom: 10px;
}
.product-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.85em;
    color: var(--text);
}
.stock-badge {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.83em;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}
.stock-in {
    background: rgba(0,201,110,0.12);
    color: var(--green);
    border: 1px solid rgba(0,201,110,0.3);
}
.stock-low {
    background: rgba(180,120,0,0.15);
    color: var(--warning-text);
    border: 1px solid rgba(255,180,0,0.4);
    font-weight: 700;
}
.stock-out {
    background: rgba(180,20,0,0.15);
    color: var(--danger-text);
    border: 1px solid rgba(200,30,0,0.4);
    font-weight: 700;
}
.add-to-cart-btn {
    width: 100%;
    margin-top: 12px;
    padding: 10px 4px;
    border-radius: 8px;
    border: 1px solid var(--green);
    background: transparent;
    color: var(--green);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 0.82em;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    white-space: normal;
    line-height: 1.25;
    word-break: keep-all;
    min-height: 38px;
}
.add-to-cart-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0,201,110,0.15), transparent);
    transition: left 0.4s ease;
}
.add-to-cart-btn:hover:not([disabled])::after {
    left: 150%;
}
.add-to-cart-btn:hover:not([disabled]) {
    background: var(--green);
    color: var(--black);
    box-shadow: 0 4px 14px rgba(0,201,110,0.4);
    transform: translateY(-1px);
}
.add-to-cart-btn[disabled] {
    border-color: var(--text-muted);
    color: var(--text-muted);
    cursor: default;
}
.badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
}
.badge-success {
    background: var(--success-bg);
    color: var(--success);
    border: 1px solid var(--success-border);
}
.badge-warning {
    background: var(--warning-bg);
    color: var(--warning);
    border: 1px solid var(--warning-border);
}
.badge-danger {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid var(--danger-border);
}
.badge-info {
    background: var(--info-bg);
    color: var(--info);
    border: 1px solid var(--info-border);
}
.badge-brand {
    background: var(--brand-bg);
    color: var(--brand-text);
    border: 1px solid var(--brand-border);
}

/* ---------- Transaction type pills (Stock In / Out / Defective) ----------
   Previously computed in JS with a duplicated isLight-ternary color object
   in two separate render functions. Centralized here so theme switching
   is CSS's job, not JS's. */
.txn-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: var(--fs-xs);
    font-weight: 800;
    border: 1px solid;
    white-space: nowrap;
}
.txn-badge-in {
    background: rgba(0, 232, 122, 0.18);
    color: #4dffa6;
    border-color: rgba(77, 255, 166, 0.4);
}
.txn-badge-out {
    background: rgba(0, 140, 255, 0.18);
    color: #6ab8ff;
    border-color: rgba(106, 184, 255, 0.4);
}
.txn-badge-defective {
    background: rgba(255, 60, 170, 0.18);
    color: #ff7ac6;
    border-color: rgba(255, 122, 198, 0.4);
}
[data-theme="light"] .txn-badge-in {
    background: rgba(0, 122, 64, 0.12);
    color: #007a40;
    border-color: rgba(0, 122, 64, 0.4);
}
[data-theme="light"] .txn-badge-out {
    background: rgba(0, 85, 204, 0.12);
    color: #0055cc;
    border-color: rgba(0, 85, 204, 0.4);
}
[data-theme="light"] .txn-badge-defective {
    background: rgba(122, 0, 85, 0.12);
    color: #7a0055;
    border-color: rgba(122, 0, 85, 0.4);
}

/* ---------- Soft pill action buttons ----------
   Small bordered/transparent buttons used throughout admin tables and
   management lists (edit / delete / archive / restore / approve / reject).
   One consistent shape + size, tinted per semantic color. */
.pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 6px;
    background: transparent;
    font-size: var(--fs-xs);
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
    transition: var(--transition);
}
.pill-btn:hover { filter: brightness(1.15); }
.pill-btn-brand   { border: 1px solid var(--brand-border);   color: var(--brand-text); }
.pill-btn-success { border: 1px solid var(--success-border); color: var(--success); }
.pill-btn-danger  { border: 1px solid var(--danger-border);  color: var(--danger); }
.pill-btn-warning { border: 1px solid var(--warning-border); color: var(--warning); }
.pill-btn-solid-success { border: none; background: var(--success); color: #06170f; }
.pill-btn-solid-danger  { border: none; background: var(--danger);  color: #200600; }
.top-nav {
    background: var(--dark2);
    border-bottom: 1px solid var(--border-dim);
    padding: 8px 0;
    font-size: 0.82em;
    animation: fadeInDown 0.4s ease;
}
.top-nav-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.top-nav-container > div:first-child {
    color: var(--text);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
}
.top-nav-container a {
    color: var(--text);
    margin-left: 16px;
    transition: color 0.2s;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.top-nav-container a:hover {
    color: var(--green);
}
.main-nav {
    background: var(--dark2);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 4px 30px rgba(0, 201, 110, 0.08);
    position: sticky;
    top: 0;
    z-index: 50;
    animation: fadeInDown 0.5s ease;
}
.main-nav-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 12px 24px;
}
.logo {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    color: var(--green);
    cursor: pointer;
    letter-spacing: 2px;
    flex-shrink: 0;
    transition: var(--transition);
}
.search-bar {
    flex: 1 1 220px;
    min-width: 0;
}
.search-input-wrapper {
    display: flex;
    align-items: center;
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    border-radius: 25px;
    overflow: hidden;
    transition: var(--transition);
}
.search-input-wrapper:focus-within {
    border-color: var(--green);
    box-shadow: 0 0 0 3px var(--green-glow2);
    background: var(--dark3);
}
.search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 11px 18px;
    font-size: 0.92em;
    background: transparent;
    color: var(--text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    min-width: 0;
    caret-color: var(--green-dim);
}
.search-input::placeholder {
    color: var(--text-muted);
}
.search-btn {
    border: none;
    background: var(--green-deep);
    color: #fff;
    padding: 11px 18px;
    cursor: pointer;
    font-size: 1em;
    transition: var(--transition);
    flex-shrink: 0;
}
.search-btn:hover {
    background: var(--green);
    color: var(--black);
}
.user-menu {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}
.cart-icon {
    position: relative;
    cursor: pointer;
    font-size: 1.4em;
    transition: var(--transition);
    padding: 6px;
    border-radius: 8px;
}
.cart-icon:hover {
    transform: scale(1.15);
    filter: drop-shadow(0 0 8px var(--green));
}
.cart-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--green);
    color: var(--black);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 0.76em;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-info {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-dim);
    font-size: 0.88em;
    font-weight: 600;
}
.avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--green-deep), var(--green));
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9em;
    box-shadow: 0 4px 14px rgba(0,201,110,0.4);
    transition: var(--transition);
}
.avatar:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 18px rgba(0,201,110,0.6);
}
.category-nav {
    background: var(--dark3);
    border-bottom: 1px solid var(--border-dim);
}
.category-nav-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    gap: 4px;
    overflow-x: auto;
}
.category-item {
    padding: 10px 18px;
    margin: 8px 4px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text);
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    border-radius: var(--radius);
    transition: var(--transition);
    white-space: nowrap;
    font-family: 'JetBrains Mono', monospace;
    display: inline-block;
}
.category-item.active {
    color: var(--black);
    background: var(--green);
    border-color: var(--green);
    font-weight: 800;
    box-shadow: 0 4px 14px rgba(0, 232, 122, 0.4);
}
.cart-item {
    display: flex;
    gap: 18px;
    padding: 18px;
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    border-radius: var(--radius);
    margin-bottom: 14px;
    transition: var(--transition);
    animation: fadeInUp 0.3s ease both;
}
.cart-item:hover {
    border-color: var(--border);
    background: var(--dark3);
}
.cart-item-image {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    background: var(--dark2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    flex-shrink: 0;
    border: 1px solid var(--border-dim);
}
.cart-item-name {
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--text);
}
.cart-item-price {
    color: var(--green);
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 10px;
}
.qty-control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.qty-btn {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--dark3);
    color: var(--green);
    font-size: 1.1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    font-weight: 700;
}
.qty-btn:hover {
    background: var(--green);
    color: var(--black);
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(0,201,110,0.3);
}
.qty-input {
    width: 56px;
    text-align: center;
    padding: 6px;
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    border-radius: 6px;
    color: var(--text);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9em;
    outline: none;
    transition: var(--transition);
}
.qty-input:focus {
    border-color: var(--green);
}
.order-summary {
    background: var(--dark3);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 22px;
    margin-top: 20px;
}
.original-price {
    text-decoration: line-through;
    color: var(--text);
    font-size: 0.85em;
    font-weight: 400;
    margin-right: 4px;
}
.discounted-price {
    color: #cc2200;
    font-weight: 800;
}
.discount-badge {
    display: inline-block;
    background: #cc2200;
    color: #fff;
    font-size: 0.8em;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    margin-left: 4px;
    vertical-align: middle;
}
.promo-banner {
    background: linear-gradient(135deg, #cc2200, #ff5500);
    color: #fff;
    padding: 3px 10px;
    font-size: 0.82em;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.promo-row {
    transition: var(--transition);
}
.promo-row:hover {
    background: rgba(0,201,110,0.06);
}
.order-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-dim);
    color: var(--text);
    font-size: 0.92em;
}
.order-summary-row:last-child {
    border-bottom: none;
}
.order-summary-total {
    font-weight: 800;
    font-size: 1.15em;
    color: #111111 !important;
    font-family: 'Outfit', sans-serif;
}
.order-summary-total span:last-child {
    color: var(--green);
    font-size: 1.25em;
}
.modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,0.88);
    backdrop-filter: blur(8px);
    animation: fadeIn 0.2s ease;
}
.modal.show {
    display: flex;
}
.modal-content {
    background: linear-gradient(145deg, #111111 0%, #0c0c0c 100%);
    border: 1px solid rgba(0,232,122,0.2);
    border-radius: var(--radius-lg);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 0 0 1px rgba(0,232,122,0.08), 0 24px 80px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    animation: fadeInUp 0.35s cubic-bezier(0.4,0,0.2,1);
    position: relative;
}
.modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--green), transparent);
}
.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    border-bottom: 1px solid var(--border-dim);
}
.modal-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    color: var(--green);
    letter-spacing: 2px;
    text-transform: uppercase;
}
.close {
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    color: var(--text-dim);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 1.3em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    line-height: 1;
}
.close:hover {
    background: #cc2200;
    border-color: #cc2200;
    color: #fff;
    box-shadow: 0 4px 14px rgba(220,30,0,0.4);
}
.modal-body {
    padding: 24px;
}
.footer {
    background: var(--dark2);
    border-top: 1px solid var(--border-dim);
    padding: 24px;
    text-align: center;
    color: var(--text);
    font-size: 0.85em;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--green), transparent);
}
.footer p:first-child {
    color: var(--text);
    font-weight: 600;
}
hr {
    border: none;
    border-top: 1px solid var(--border-dim);
    margin: 24px 0;
}
h3 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: var(--text);
    letter-spacing: 1px;
}
h4 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    color: #008844;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}
@media (max-width: 1100px) {
    .sidebar {
        width: 220px;
        min-width: 220px;
    }
    .form-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .admin-layout {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        min-width: 100%;
        min-height: auto;
        height: auto;
        position: relative;
        overflow-x: auto;
    }
    .sidebar-header h2 {
        font-size: 0.85em;
    }
    .sidebar-brand-logo {
        margin-bottom: 8px;
    }
    .sidebar-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding: 10px;
    }
    .sidebar-item {
        flex: 1 1 130px;
        justify-content: center;
        font-size: 0.82em;
        padding: 8px 10px;
    }
    .main-nav-container {
        flex-wrap: wrap;
        padding: 10px 16px;
        gap: 10px;
    }
    .logo {
        flex: 1;
    }
    .search-bar {
        order: 3;
        flex: 1 1 100%;
    }
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
    .stats-section {
        grid-template-columns: 1fr 1fr;
    }
    .admin-container, .container {
        padding: 16px 14px;
    }
}
.stat-card:nth-child(1) {
    animation-delay: 0.05s;
}
.stat-card:nth-child(2) {
    animation-delay: 0.10s;
}
.stat-card:nth-child(3) {
    animation-delay: 0.15s;
}
.stat-card:nth-child(4) {
    animation-delay: 0.20s;
}
.form-group:nth-child(1) {
    animation-delay: 0.05s;
}
.form-group:nth-child(2) {
    animation-delay: 0.10s;
}
.form-group:nth-child(3) {
    animation-delay: 0.15s;
}
.form-group:nth-child(4) {
    animation-delay: 0.20s;
}
.form-group:nth-child(5) {
    animation-delay: 0.25s;
}
.form-group:nth-child(6) {
    animation-delay: 0.30s;
}
input[type="date"], input[type="datetime-local"] {
    color-scheme: dark;
    color: var(--text);
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1) !important;
    cursor: pointer;
    opacity: 0.85;
    padding: 2px;
    width: 18px;
    height: 18px;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover, input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
    filter: brightness(0) invert(1) saturate(2) sepia(1) hue-rotate(80deg) !important;
}
input[type="date"], input[type="datetime-local"], input[type="time"], input[type="month"] {
    color-scheme: dark;
}
.admin-product-card {
    cursor: pointer;
    position: relative;
    transition: var(--transition);
    border: 1px solid var(--border-dim) !important;
    box-shadow: none !important;
}
.admin-product-card:hover {
    border-color: var(--green) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 232, 122, 0.15) !important;
}
.admin-edit-hint {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,232,122,0.15);
    color: var(--green);
    font-size: 0.78em;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 10px;
    border: 1px solid rgba(0,232,122,0.3);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 2;
    white-space: nowrap;
}
.admin-product-card:hover .admin-edit-hint {
    opacity: 1;
}
.add-to-cart-btn, .buy-now-btn {
    flex: 1 !important;
    width: 50% !important;
    min-width: 0 !important;
    padding: 10px 4px !important;
    font-size: 0.85em !important;
    text-align: center;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
#categoriesList > div {
    background: rgba(0,201,110,0.05) !important;
}
#categoriesList strong {
    color: var(--text) !important;
}
#categoriesList p {
    color: var(--text) !important;
}
#unitConfigsList > div {
    background: rgba(0,201,110,0.05) !important;
}
[data-theme="light"] {
    --danger-text: #c81e00;
    --warning-text: #8a6d00;
    --black: #ffffff;
    --dark: #f4f6f5;
    --dark2: #ffffff;
    --dark3: #f0f2f1;
    --dark4: #e8eae9;
    --panel: #ffffff;
    --green: #00a857;
    --green-dim: #009150;
    --green-deep: #007a42;
    --green-glow: rgba(0, 168, 87, 0.12);
    --green-glow2: rgba(0, 168, 87, 0.08);
    --green-glow3: rgba(0, 168, 87, 0.04);
    --text: #14181a;
    --text-dim: #333d3f;
    --text-muted: #6b7573;
    --border: rgba(0, 168, 87, 0.45);
    --border-dim: rgba(0, 0, 0, 0.10);
    --shadow-green: 0 0 24px rgba(0,168,87,0.10), 0 0 60px rgba(0,168,87,0.05);
    --shadow-card: 0 6px 24px rgba(0,0,0,0.08);
    --shadow-btn: 0 4px 18px rgba(0,168,87,0.25);

    /* Semantic status tokens — light-mode variants (darker hues for
       legibility against pale backgrounds), matching the --a-* palette
       used inside #adminApp / #userApp. */
    --success:       #0b8354;
    --success-text:  #0b8354;
    --success-bg:    rgba(11, 131, 84, 0.13);
    --success-border: rgba(11, 131, 84, 0.4);

    --danger:        #c22e26;
    --danger-bg:     rgba(194, 46, 38, 0.13);
    --danger-border: rgba(194, 46, 38, 0.4);

    --warning:       #935e05;
    --warning-text2: #935e05;
    --warning-bg:    rgba(147, 94, 5, 0.13);
    --warning-border: rgba(147, 94, 5, 0.4);

    --info:          #1a5fb4;
    --info-text:     #1a5fb4;
    --info-bg:       rgba(26, 95, 180, 0.13);
    --info-border:   rgba(26, 95, 180, 0.4);
}
[data-theme="light"] body {
    background-color: #f4f6f5 !important;
    background-image: none !important;
    color: var(--text);
}
[data-theme="light"] .sidebar, [data-theme="light"] .admin-container, [data-theme="light"] .page-content, [data-theme="light"] .stat-card, [data-theme="light"] .product-card, [data-theme="light"] .section, [data-theme="light"] .modal-content, [data-theme="light"] .data-table, [data-theme="light"] table, [data-theme="light"] .table-responsive {
    background: #ffffff !important;
    color: var(--text);
}
[data-theme="light"] .data-table th {
    background: #f0f2f1 !important;
    color: var(--text);
}
[data-theme="light"] .data-table td, [data-theme="light"] .data-table th {
    border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .form-control, [data-theme="light"] input:not(.auth-input), [data-theme="light"] select:not(.auth-input), [data-theme="light"] textarea:not(.auth-input) {
    background: #f7f8f8 !important;
    color: var(--text) !important;
    border-color: rgba(0,0,0,0.15) !important;
}
[data-theme="light"] .auth-screen input, [data-theme="light"] .auth-screen select, [data-theme="light"] .auth-screen textarea {
    background: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.14) !important;
}
[data-theme="light"] .auth-screen ::placeholder {
    color: rgba(255,255,255,0.35) !important;
}
[data-theme="light"] .modal {
    background: rgba(0,0,0,0.45) !important;
}
[data-theme="light"] .sidebar-item {
    color: var(--text-dim);
}
[data-theme="light"] ::placeholder {
    color: #8a938f !important;
}
[data-theme="light"] .auth-input::placeholder {
    color: rgba(255,255,255,0.35) !important;
}
[data-theme="light"] .theme-toggle-btn {
    background: #ffffff;
    border-color: rgba(0,0,0,0.15);
    color: var(--text);
}
[data-theme="light"] .sidebar-item-icon svg {
    stroke: var(--text-dim) !important;
}
[data-theme="light"] .sidebar-item:hover .sidebar-item-icon svg, [data-theme="light"] .sidebar-item.active .sidebar-item-icon svg {
    stroke: var(--green) !important;
}
[data-theme="light"] .admin-notif-bell-wrap {
    color: var(--text-dim) !important;
}
[data-theme="light"] .section-header h2, [data-theme="light"] .product-name, [data-theme="light"] .category-item, [data-theme="light"] .footer p:first-child, [data-theme="light"] .top-nav-container a, [data-theme="light"] #categoriesList strong, [data-theme="light"] .form-control:focus {
    color: var(--text) !important;
}
[data-theme="light"] .data-table td {
    color: var(--text-dim) !important;
}
[data-theme="light"] .category-item.active, [data-theme="light"] .filter-tab.active {
    color: var(--black) !important;
}
[data-theme="light"] .filter-tab {
    color: var(--text-muted) !important;
    background: #eef0ef !important;
}
[data-theme="light"] .close {
    color: var(--text-muted);
}
[data-theme="light"] .close:hover {
    color: var(--text) !important;
}
.theme-toggle-btn {
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 5000;
    background: var(--dark3);
    border: 1px solid var(--border-dim);
    color: var(--text);
    border-radius: 50px;
    padding: 8px 14px;
    font-size: 0.85em;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: var(--shadow-card);
    transition: var(--transition);
}
.theme-toggle-btn:hover {
    border-color: var(--green);
}
.sidebar-theme-toggle {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    justify-content: center;
    border-radius: 10px;
}
.filter-tab.active {
    background: var(--green);
    color: var(--black);
    border-color: var(--green);
    box-shadow: 0 4px 14px rgba(0, 232, 122, 0.4);
}
.add-to-cart-btn:active:not([disabled]) {
    background: var(--green);
    color: var(--black);
    transform: translateY(0) scale(0.96);
}
.buy-now-btn:active {
    transform: translateY(0) scale(0.96);
    background: var(--green);
    color: #000;
}
.filter-tab:active {
    background: var(--green);
    color: var(--black);
    border-color: var(--green);
    transform: scale(0.96);
}
.btn:active, .btn-outline:active, .btn-primary:active, .btn-success:active, .btn-danger:active, .btn-sm:active {
    transform: translateY(0) scale(0.96);
}
.btn-outline:active {
    background: var(--green);
    color: var(--black);
    border-color: var(--green);
}
.promo-select-all-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 4px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 700;
    color: var(--green);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.promo-select-all-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--green);
    cursor: pointer;
}
.promo-item-checklist {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--border-dim);
    border-radius: var(--radius);
    background: var(--dark3);
    padding: 6px;
}
.promo-item-check-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: 700;
    transition: var(--transition);
}
[data-theme="light"] .promo-item-check-row {
    color: #000000 !important;
}
.promo-item-check-row:hover {
    background: var(--green-glow3);
}
.promo-item-check-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--green);
    cursor: pointer;
    flex-shrink: 0;
}
img, svg, video, canvas {
    max-width: 100%;
    height: auto;
}
.container, .admin-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}
@media (max-width: 1200px) {
    .container, .admin-container {
        padding: 20px 18px;
    }
    .stats-section {
        gap: 14px;
    }
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 12px;
    }
}
@media (max-width: 992px) {
    .container, .admin-container {
        padding: 18px 16px;
    }
    .form-grid {
        grid-template-columns: 1fr 1fr;
    }
    .stats-section {
        grid-template-columns: repeat(2, 1fr);
    }
    .category-nav-container, .filter-tabs {
        gap: 6px;
    }
    .category-item {
        padding: 8px 14px;
        font-size: 0.8em;
    }
    .filter-tab {
        padding: 7px 14px;
        font-size: 0.78em;
    }
}
@media (max-width: 400px) {
    html {
        font-size: 12px;
    }
    .products-grid {
        grid-template-columns: 1fr;
    }
    .stats-section {
        grid-template-columns: 1fr;
    }
    .promo-item-checklist {
        max-height: 170px;
    }
    .category-item {
        flex: 1 1 auto;
        text-align: center;
    }
}
.product-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}
.product-actions .add-to-cart-btn, .product-actions .buy-now-btn {
    flex: 1;
    min-width: 0;
}
@media (max-width: 600px) {
    html {
        font-size: 13px;
    }
    .container, .admin-container {
        padding: 12px 10px;
    }
    .section {
        padding: 14px;
    }
    .modal-content {
        padding: 16px;
    }
    .modal-header h2 {
        font-size: 1.1em;
    }
    .form-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .stats-section {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .stat-card {
        padding: 12px;
    }
    .products-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .category-nav-container, .filter-tabs {
        gap: 4px;
    }
    .category-item {
        padding: 7px 10px;
        font-size: 0.72em;
        margin: 6px 2px;
    }
    .filter-tab {
        padding: 6px 10px;
        font-size: 0.72em;
    }
    .sidebar-item {
        font-size: 0.78em;
        padding: 7px 8px;
    }
    .data-table th, .data-table td {
        padding: 8px 6px;
        font-size: 0.85em;
    }
    .btn, .btn-primary, .btn-outline, .btn-success, .btn-danger {
        padding: 9px 14px;
        font-size: 0.85em;
    }
    .page-header h1, .section-header h2 {
        font-size: 1.15em;
    }
    .top-nav-container {
        flex-direction: column;
        gap: 6px;
        padding: 8px 12px;
    }
    .main-nav-container {
        gap: 8px;
    }
    .logo {
        font-size: 1em;
    }
    .product-actions {
        flex-direction: column;
        gap: 6px;
    }
    .product-actions .add-to-cart-btn, .product-actions .buy-now-btn {
        width: 100% !important;
    }
    .add-to-cart-btn, .buy-now-btn {
        letter-spacing: 0.2px;
        font-size: 0.78em;
    }
}
.auth-screen {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    overflow: hidden;
    background-image: url('data:image/jpeg;base64,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');
    background-size: cover;
    background-position: center;
    --green: #8b6cf5;
    --green-dim: #7c5cf0;
    --green-deep: #6d4fd9;
    --green-glow: rgba(139, 108, 245, 0.20);
    --green-glow2: rgba(139, 108, 245, 0.12);
    --green-glow3: rgba(139, 108, 245, 0.06);
    --green-glow4: rgba(139, 108, 245, 0.30);
    --border: rgba(139, 108, 245, 0.5);
}
.auth-badge-icon {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 2px;
    stroke-width: 2.2px;
}
.wizard-eye-btn {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    opacity: 0.6;
    transition: var(--transition);
}
.wizard-eye-btn:hover {
    opacity: 1;
    color: var(--green);
}
.wizard-eye-btn svg {
    width: 18px;
    height: 18px;
}
.wizard-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    gap: 0;
}
.wizard-dot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--dark3);
    border: 1.5px solid var(--border-dim);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78em;
    font-weight: 700;
    color: var(--text-muted);
    opacity: 0.55;
    flex-shrink: 0;
    transition: var(--transition);
}
.wizard-dot.active {
    border-color: var(--green);
    color: var(--green);
    opacity: 1;
    box-shadow: 0 0 0 4px var(--green-glow3);
}
.wizard-dot.completed {
    background: var(--green);
    border-color: var(--green);
    color: #08110a;
    opacity: 1;
}
.wizard-line {
    width: 34px;
    height: 2px;
    background: var(--border-dim);
    flex-shrink: 0;
    transition: var(--transition);
}
.wizard-line.filled {
    background: var(--green);
}
.wizard-step {
    display: none;
    animation: wizardFadeIn 0.35s ease;
}
.wizard-step.active {
    display: block;
}
@keyframes wizardFadeIn {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}
.wizard-btn-row {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}
.wizard-btn-row .auth-btn {
    flex: 1;
    margin-top: 0;
}
.wizard-btn-row-single .auth-btn {
    width: 100%;
}
.auth-btn-secondary {
    background: transparent;
    color: var(--text);
    border: 1.5px solid var(--border-dim);
}
.auth-btn-secondary:hover {
    background: var(--dark3);
    border-color: var(--border);
    transform: translateY(-1px);
}
.wizard-bday-row {
    display: flex;
    gap: 10px;
}
.wizard-select {
    cursor: pointer;
}
.auth-screen select.auth-input {
    color-scheme: dark;
}
.auth-screen select.auth-input option {
    background: var(--dark2);
    color: var(--text);
}
.wizard-input-narrow {
    max-width: 76px;
    text-align: center;
}
.wizard-input-narrow-lg {
    max-width: 96px;
    text-align: center;
}
.wizard-field-error {
    display: none;
    color: var(--danger-text);
    font-size: 0.84em;
    margin: -8px 0 12px;
    font-weight: 500;
}
.wizard-field-error.visible {
    display: block;
}
.wizard-field-hint {
    display: block;
    font-size: 0.8em;
    color: var(--text-muted);
    margin: -10px 0 14px;
}
.wizard-accent-text {
    color: var(--green);
}
.wizard-otp-input {
    letter-spacing: 8px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
}
.wizard-otp-timer {
    text-align: center;
    color: var(--text-muted);
    font-size: 0.82em;
    margin-bottom: 14px;
    opacity: 0.75;
}
.wizard-otp-timer.urgent {
    color: var(--danger-text);
    opacity: 1;
}
.wizard-pw-strength {
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background: var(--dark3);
    overflow: hidden;
    margin-top: -8px;
    margin-bottom: 6px;
}
.wizard-pw-strength-fill {
    height: 100%;
    width: 0%;
    border-radius: 4px;
    background: var(--green);
    transition: width 0.25s ease, background 0.25s ease;
}
.wizard-pw-strength-fill.weak {
    background: var(--danger-text);
}
.wizard-pw-strength-fill.fair {
    background: var(--warning-text);
}
.wizard-pw-strength-fill.strong {
    background: var(--green);
}
.custom-select {
    position: relative;
    width: 100%;
}
.custom-select-native {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}
.custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    cursor: pointer;
}
.custom-select-label {
    color: var(--text-muted);
    opacity: 0.6;
}
.custom-select-label.has-value {
    color: var(--text);
    opacity: 1;
}
.custom-select-chevron {
    width: 16px;
    height: 16px;
    color: var(--text-muted);
    opacity: 0.6;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.custom-select-trigger.open .custom-select-chevron {
    transform: rotate(180deg);
}
.custom-select-trigger.open {
    border-color: var(--green);
    box-shadow: 0 0 0 3px var(--green-glow3);
}
.custom-select-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 50;
    background: var(--dark2);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
    padding: 6px;
    animation: customSelectFadeIn 0.16s ease;
}
@keyframes customSelectFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.custom-select-option {
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--text);
    font-size: 0.94em;
    cursor: pointer;
    transition: var(--transition);
}
.custom-select-option:hover {
    background: var(--green-glow3);
    color: var(--green);
}
.custom-select-option.selected {
    background: var(--green-glow2);
    color: var(--green);
    font-weight: 600;
}
.custom-select-menu::-webkit-scrollbar {
    width: 6px;
}
.custom-select-menu::-webkit-scrollbar-thumb {
    background: var(--border-dim);
    border-radius: 4px;
}
.auth-screen input:-webkit-autofill, .auth-screen input:-webkit-autofill:hover, .auth-screen input:-webkit-autofill:focus, .auth-screen input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff;
    box-shadow: 0 0 0 1000px #0a0f0b inset !important;
    -webkit-box-shadow: 0 0 0 1000px #0a0f0b inset !important;
    transition: background-color 600000s ease-in-out 0s, color 600000s ease-in-out 0s;
}
.auth-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--green);
    margin: 0 0 10px;
}
.auth-stats-strip {
    display: flex;
    gap: 24px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #1c1c1f;
}
.auth-stat-num {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}
.auth-stat-label {
    font-size: 11px;
    color: var(--text-muted);
    opacity: 0.6;
    margin: 2px 0 0;
    letter-spacing: 0.3px;
}
.auth-field-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 2px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.14);
    transition: var(--transition);
}
.auth-field-icon:focus-within {
    border-bottom-color: var(--green);
}
.auth-field-icon svg {
    width: 16px;
    height: 16px;
    color: rgba(255,255,255,0.55);
    opacity: 0.55;
    flex-shrink: 0;
}
.auth-field-icon:focus-within svg {
    opacity: 1;
    color: var(--green);
}
.auth-field-icon input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 0.95em;
    font-family: inherit;
    min-width: 0;
}
.auth-field-icon input::placeholder {
    color: rgba(255,255,255,0.35);
    opacity: 1;
}
.wizard-eye-btn-inline {
    position: static;
    transform: none;
    padding: 0;
    flex-shrink: 0;
}
#adminApp, #adminApp .main-content, #userApp, #userApp .main-content {
    background: var(--a-bg);
}
#adminApp .main-content, #userApp .main-content {
    position: relative;
    background: radial-gradient(600px 320px at 15% -8%, rgba(139,108,245,0.10), transparent 60%),
        radial-gradient(500px 300px at 100% 0%, rgba(139,108,245,0.05), transparent 55%),
        var(--a-bg);
}
#adminApp .main-content::-webkit-scrollbar, #userApp .main-content::-webkit-scrollbar {
    width: 8px;
}
#adminApp .main-content::-webkit-scrollbar-track, #userApp .main-content::-webkit-scrollbar-track {
    background: transparent;
}
#adminApp .main-content::-webkit-scrollbar-thumb, #userApp .main-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.09);
    border-radius: 8px;
}
#adminApp .main-content::-webkit-scrollbar-thumb:hover, #userApp .main-content::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.35);
}
#adminApp .sidebar, #userApp .sidebar {
    width: 232px;
    min-width: 232px;
    background: var(--a-panel);
    border-right: 1px solid var(--a-border-soft);
    box-shadow: none;
}
#adminApp .sidebar-header, #userApp .sidebar-header {
    padding: 20px 18px 14px;
    border-bottom: none;
}
#adminApp .sidebar-header::after, #userApp .sidebar-header::after {
    display: none;
}
#adminApp .sidebar-brand-logo, #userApp .sidebar-brand-logo {
    border-radius: 10px;
    margin-bottom: 14px;
}
#adminApp .sidebar-brand-row, #userApp .sidebar-brand-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
#adminApp .sidebar-header h2, #userApp .sidebar-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: var(--a-text);
    letter-spacing: 0;
}
#adminApp .sidebar-header p, #userApp .sidebar-header p {
    color: var(--a-text-muted);
    font-size: 0.72em;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.4px;
    text-transform: none;
    margin-top: 2px;
}
#adminApp .sidebar-notif-btn, #userApp .sidebar-notif-btn {
    position: relative;
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--a-panel-2);
    border: 1px solid var(--a-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease;
}
#adminApp .sidebar-notif-btn:hover, #userApp .sidebar-notif-btn:hover {
    background: var(--a-violet-soft2);
    border-color: var(--a-violet-line);
}
#adminApp .admin-notif-bell-wrap, #userApp .admin-notif-bell-wrap {
    color: var(--a-text-dim);
    display: flex;
}
#adminApp .sidebar-notif-btn:hover .admin-notif-bell-wrap, #userApp .sidebar-notif-btn:hover .admin-notif-bell-wrap {
    color: var(--a-violet);
}
#adminApp .sidebar-notif-badge, #userApp .sidebar-notif-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--a-red);
    color: #fff;
    font-size: 0.68em;
    font-weight: 800;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    padding: 0 3px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
#adminApp .sidebar-profile-row, #userApp .sidebar-profile-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px 14px;
    margin: 0 0 4px;
    border-bottom: 1px solid var(--a-border-soft);
}
#adminApp .sidebar-profile-avatar, #userApp .sidebar-profile-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--a-violet), #6d4fd9);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1em;
    flex-shrink: 0;
}
#adminApp .sidebar-profile-info, #userApp .sidebar-profile-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
#adminApp .sidebar-profile-name, #userApp .sidebar-profile-name {
    color: var(--a-text);
    font-weight: 700;
    font-size: 0.86em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#adminApp .sidebar-profile-role, #userApp .sidebar-profile-role {
    color: var(--a-text-muted);
    font-size: 0.74em;
    margin-top: 1px;
}
#adminApp .sidebar-section-label, #userApp .sidebar-section-label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.68em;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--a-text-muted);
    padding: 16px 14px 6px;
}
#adminApp .sidebar-item, #userApp .sidebar-item {
    color: var(--a-text-dim);
    font-weight: 600;
    border-radius: var(--a-radius-sm);
    padding: 9px 12px;
}
#adminApp .sidebar-item-icon svg, #userApp .sidebar-item-icon svg {
    stroke: var(--a-text-muted);
    transition: stroke 0.15s;
}
#adminApp .sidebar-item.active, #userApp .sidebar-item.active {
    background: var(--a-violet);
    color: #0b0b10;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(139,108,245,0.30);
}
#adminApp .sidebar-item.active .sidebar-item-icon svg, #userApp .sidebar-item.active .sidebar-item-icon svg {
    stroke: #0b0b10;
}
#adminApp .sidebar-item[onclick*="logout"], #userApp .sidebar-item[onclick*="logout"] {
    color: var(--a-red);
    opacity: 0.85;
}
#adminApp .sidebar-item[onclick*="logout"]:hover, #userApp .sidebar-item[onclick*="logout"]:hover {
    opacity: 1;
    background: var(--a-red-soft);
}
#adminApp .sidebar-active-indicator, #userApp .sidebar-active-indicator {
    display: none;
}
#adminApp .admin-container, #userApp .admin-container {
    padding: 24px 28px 28px;
}
#adminApp .page-header, #userApp .page-header {
    border-bottom: none;
    margin-bottom: 18px;
    padding-bottom: 0;
}
#adminApp .page-header::after, #userApp .page-header::after {
    display: none;
}
#adminApp .page-header h1, #userApp .page-header h1 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    color: var(--a-text);
    letter-spacing: 0;
}
#adminApp .page-header p, #userApp .page-header p {
    color: var(--a-text-muted);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.85em;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 3px;
}
#adminApp .page-header p:last-child:not(:only-child), #userApp .page-header p:last-child:not(:only-child) {
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    border-radius: 999px;
    padding: 7px 16px;
    margin-top: 0;
}
#adminApp .stats-section, #userApp .stats-section {
    gap: 14px;
}
#adminApp .stat-card, #userApp .stat-card {
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    border-radius: var(--a-radius);
    box-shadow: var(--a-shadow);
    padding: 18px 18px 16px;
}
#adminApp .stat-card::after, #userApp .stat-card::after {
    display: none;
}
#adminApp .stat-card:hover, #userApp .stat-card:hover {
    border-color: var(--a-violet-line);
    box-shadow: var(--a-shadow-lg);
    transform: translateY(-2px);
}
#adminApp .stat-icon, #userApp .stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: var(--a-violet-soft);
    color: var(--a-violet);
}
#adminApp .stat-icon.warning, #userApp .stat-icon.warning {
    background: var(--a-amber-soft);
    color: var(--a-amber);
}
#adminApp .stat-icon.danger, #userApp .stat-icon.danger {
    background: var(--a-red-soft);
    color: var(--a-red);
}
#adminApp .stat-icon.neutral, #userApp .stat-icon.neutral {
    background: var(--a-panel-2);
    color: var(--a-text-dim);
}
#adminApp .stat-info h3, #userApp .stat-info h3 {
    font-family: 'Outfit', sans-serif;
    color: var(--a-text);
    font-weight: 700;
}
#adminApp .stat-info p, #userApp .stat-info p {
    color: var(--a-text-muted);
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.3px;
    text-transform: none;
    font-size: 0.82em;
}
#adminApp .section::before, #userApp .section::before {
    display: none;
}
#adminApp .section:hover, #userApp .section:hover {
    border-color: var(--a-border);
}
#adminApp .section, #userApp .section {
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    border-radius: var(--a-radius);
    box-shadow: var(--a-shadow);
    padding: 18px 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#adminApp .section-header h2, #userApp .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05em;
    font-weight: 700;
    color: var(--a-text);
    letter-spacing: 0;
    text-transform: none;
}
#adminApp .filter-tab, #userApp .filter-tab {
    border-radius: 999px;
    background: var(--a-panel-2);
    border: 1px solid var(--a-border);
    color: var(--a-text-dim);
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.2px;
    text-transform: none;
    font-weight: 600;
    padding: 7px 16px;
}
@media (hover: hover) {
    .sidebar-item:hover:not(.active) {
        background: var(--dark4);
        color: var(--violet);
    }
    .filter-tab:hover {
        color: var(--green);
        border-color: var(--green);
        background: var(--green-glow3);
    }
    .category-item:hover {
        color: var(--green);
        background: var(--green-glow3);
        border-color: var(--green);
    }
    [data-theme="light"] .filter-tab:hover {
        color: var(--green) !important;
    }
    #adminApp .sidebar-item:hover:not(.active), #userApp .sidebar-item:hover:not(.active) {
        background: var(--a-violet-soft2);
        color: var(--a-text);
    }
    #adminApp .sidebar-item:hover:not(.active) .sidebar-item-icon svg, #userApp .sidebar-item:hover:not(.active) .sidebar-item-icon svg {
        stroke: var(--a-violet);
    }
    #adminApp .filter-tab:hover, #userApp .filter-tab:hover {
        color: var(--a-violet);
        border-color: var(--a-violet-line);
        background: var(--a-violet-soft2);
    }
}
#adminApp .filter-tab.active, #userApp .filter-tab.active {
    background: var(--a-violet);
    color: #0b0b10;
    border-color: var(--a-violet);
    box-shadow: 0 3px 10px rgba(139,108,245,0.28);
}
#adminApp .table-responsive, #userApp .table-responsive {
    border: 1px solid var(--a-border);
    border-radius: var(--a-radius);
    background: var(--a-panel);
}
#adminApp .data-table thead tr, #userApp .data-table thead tr {
    background: var(--a-panel-2);
    border-bottom: 1px solid var(--a-border);
}
#adminApp .data-table th, #userApp .data-table th {
    color: var(--a-text-muted);
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
}
#adminApp .data-table tbody tr, #userApp .data-table tbody tr {
    border-bottom: 1px solid var(--a-border-soft);
}
#adminApp .data-table tbody tr:hover, #userApp .data-table tbody tr:hover {
    background: var(--a-violet-soft2);
}
#adminApp .data-table td, #userApp .data-table td {
    color: var(--a-text-dim);
}
#adminApp .data-table td strong, #userApp .data-table td strong {
    color: var(--a-text);
}
#adminApp .badge, #userApp .badge {
    border-radius: 999px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.2px;
    text-transform: none;
    font-weight: 700;
}
#adminApp .badge-success, #userApp .badge-success {
    background: var(--a-green-soft);
    color: var(--a-green);
    border-color: rgba(62,207,142,0.35);
}
#adminApp .badge-warning, #userApp .badge-warning {
    background: var(--a-amber-soft);
    color: var(--a-amber);
    border-color: rgba(230,177,85,0.35);
}
#adminApp .badge-danger, #userApp .badge-danger {
    background: var(--a-red-soft);
    color: var(--a-red);
    border-color: rgba(239,106,99,0.35);
}
#adminApp .badge-info, #userApp .badge-info {
    background: var(--a-violet-soft);
    color: var(--a-violet);
    border-color: var(--a-violet-line);
}
#adminApp .btn, #userApp .btn {
    text-transform: none;
    letter-spacing: 0.2px;
    border-radius: var(--a-radius-sm);
}
#adminApp .btn::after, #userApp .btn::after {
    display: none;
}
#adminApp .btn-primary, #userApp .btn-primary {
    background: var(--a-violet);
    color: #0b0b10;
    box-shadow: 0 3px 12px rgba(139,108,245,0.30);
}
#adminApp .btn-primary:hover, #userApp .btn-primary:hover {
    background: #9b80f7;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(139,108,245,0.40);
}
#adminApp .btn-outline, #userApp .btn-outline {
    border: 1px solid var(--a-violet-line);
    color: var(--a-violet);
    background: transparent;
}
#adminApp .btn-outline:hover, #userApp .btn-outline:hover {
    background: var(--a-violet);
    color: #0b0b10;
    box-shadow: none;
}
#adminApp .btn-success, #userApp .btn-success {
    background: var(--a-green);
    box-shadow: none;
}
#adminApp .btn-success:hover, #userApp .btn-success:hover {
    filter: brightness(1.08);
    box-shadow: none;
}
#adminApp .btn-danger, #userApp .btn-danger {
    background: var(--a-red);
    box-shadow: none;
}
#adminApp .btn-danger:hover, #userApp .btn-danger:hover {
    filter: brightness(1.08);
    box-shadow: none;
}
#adminApp .btn-warn-defective, #userApp .btn-warn-defective {
    background: var(--a-amber-soft);
    color: var(--a-amber);
    border: 1px solid rgba(230,177,85,0.35);
    box-shadow: none;
}
#adminApp .btn-warn-defective:hover, #userApp .btn-warn-defective:hover {
    background: var(--a-amber);
    color: #1a1206;
}
#adminApp .form-control, #userApp .form-control {
    background: var(--a-panel-2);
    border: 1px solid var(--a-border);
    border-radius: var(--a-radius-sm);
    color: var(--a-text);
}
#adminApp .form-control:focus, #userApp .form-control:focus {
    border-color: var(--a-violet);
    box-shadow: 0 0 0 3px var(--a-violet-soft2);
}
#adminApp .form-control:hover:not(:focus), #userApp .form-control:hover:not(:focus) {
    border-color: rgba(139,108,245,0.3);
}
#adminApp .form-group label, #userApp .form-group label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.3px;
    color: var(--a-text-dim);
}
#adminApp .product-card, #userApp .product-card {
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    box-shadow: none;
}
#adminApp .product-card::before, #userApp .product-card::before {
    display: none;
}
#adminApp .img-upload-box, .admin-modal .img-upload-box, #userApp .img-upload-box, .admin-modal .img-upload-box {
    border-color: rgba(139,108,245,0.35);
    background: var(--a-panel-2, #1a1a23);
}
#adminApp .img-upload-box:hover, .admin-modal .img-upload-box:hover, #userApp .img-upload-box:hover, .admin-modal .img-upload-box:hover {
    border-color: var(--a-violet, #8b6cf5);
    background: rgba(139,108,245,0.06);
}
.admin-modal {
    background: rgba(7,6,12,0.78);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
}
.admin-modal .modal-content::before {
    background: linear-gradient(90deg, transparent, var(--a-violet, #8b6cf5), transparent);
}
.admin-modal .modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.07);
    position: sticky;
    top: 0;
    z-index: 3;
    background: rgba(17,16,24,0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.admin-modal .modal-header h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.25em;
    background: linear-gradient(120deg, #f1f1f4, #cfc3fb 65%, var(--a-violet, #8b6cf5));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.modal-header-icon {
    -webkit-text-fill-color: initial;
    filter: drop-shadow(0 0 8px rgba(139,108,245,0.45));
}
.admin-modal .close {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    color: var(--a-text-dim, #b7b7c3);
    border-radius: 50%;
    transition: transform 0.25s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.admin-modal .close:hover {
    transform: rotate(90deg);
    background: rgba(220,30,60,0.85);
    border-color: rgba(220,30,60,0.85);
    color: #fff;
}
.admin-modal .form-control {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    color: var(--a-text, #f1f1f4);
    border-radius: 9px;
}
.admin-modal .form-control:focus {
    background: rgba(255,255,255,0.06);
    border-color: var(--a-violet, #8b6cf5);
    box-shadow: 0 0 0 3px rgba(139,108,245,0.10);
}
.admin-modal .btn-primary {
    background: linear-gradient(120deg, var(--a-violet-dim, #7c5cf0), var(--a-violet, #8b6cf5));
    color: #0b0b10;
    text-transform: none;
    box-shadow: 0 8px 22px rgba(139,108,245,0.3);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.admin-modal .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(139,108,245,0.45);
}
.admin-modal .btn::after {
    display: none;
}
.admin-modal .btn {
    text-transform: none;
    border-radius: 9px;
}
.admin-modal .form-group label {
    color: var(--a-text-dim, #b7b7c3);
    letter-spacing: 0.3px;
}
.glass-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 18px;
    margin-bottom: 16px;
    backdrop-filter: blur(6px);
    transition: border-color 0.2s ease;
}
.glass-card:hover {
    border-color: rgba(139,108,245,0.22);
}
.glass-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    gap: 12px;
}
.glass-card-head h3 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1em;
}
.glass-card-icon {
    filter: drop-shadow(0 0 6px rgba(139,108,245,0.35));
}
.admin-modal .modal-content::-webkit-scrollbar {
    width: 9px;
}
.admin-modal .modal-content::-webkit-scrollbar-track {
    background: transparent;
}
.admin-modal .modal-content::-webkit-scrollbar-thumb {
    background: rgba(139,108,245,0.4);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.admin-modal .modal-content::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.6);
    background-clip: padding-box;
}
.admin-modal .modal-content {
    background: linear-gradient(165deg, rgba(32,29,46,0.80) 0%, rgba(16,15,22,0.90) 55%, rgba(13,12,18,0.94) 100%);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 20px;
    box-shadow: 0 22px 64px rgba(0,0,0,0.55),
        0 0 0 1px rgba(255,255,255,0.03) inset,
        0 1px 0 rgba(255,255,255,0.07) inset;
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(139,108,245,0.45) transparent;
    scrollbar-width: thin;
}
#adminApp ::-webkit-scrollbar, #userApp ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#adminApp ::-webkit-scrollbar-track, #userApp ::-webkit-scrollbar-track {
    background: transparent !important;
}
#adminApp ::-webkit-scrollbar-thumb, #userApp ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
}
#adminApp ::-webkit-scrollbar-thumb:hover, #userApp ::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.45) !important;
}
#adminApp, #userApp {
    --a-bg: #0b0b10;
    --a-panel: #15151c;
    --a-panel-2: #1a1a23;
    --a-panel-hover: #1d1d27;
    --a-border: rgba(255,255,255,0.07);
    --a-border-soft: rgba(255,255,255,0.045);
    --a-text: #f1f1f4;
    --a-text-dim: #b7b7c3;
    --a-text-muted: #83838f;
    --a-violet: #8b6cf5;
    --a-violet-soft: rgba(139,108,245,0.14);
    --a-violet-soft2: rgba(139,108,245,0.08);
    --a-violet-line: rgba(139,108,245,0.35);
    --a-green: #3ecf8e;
    --a-green-soft: rgba(62,207,142,0.13);
    --a-amber: #e6b155;
    --a-amber-soft: rgba(230,177,85,0.13);
    --a-red: #ef6a63;
    --a-red-soft: rgba(239,106,99,0.13);
    --a-radius: 14px;
    --a-radius-sm: 9px;
    --a-shadow: 0 2px 14px rgba(0,0,0,0.30);
    --a-shadow-lg: 0 10px 34px rgba(0,0,0,0.40);
    position: relative;
    scrollbar-color: rgba(255,255,255,0.16) transparent;
    scrollbar-width: thin;
}
.admin-modal ::-webkit-scrollbar {
    width: 8px;
}
.admin-modal ::-webkit-scrollbar-track {
    background: transparent !important;
}
.admin-modal ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
}
.admin-modal ::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.45) !important;
}
#adminApp .sidebar::-webkit-scrollbar, #userApp .sidebar::-webkit-scrollbar {
    width: 6px;
}
#adminApp .sidebar::-webkit-scrollbar-thumb, #userApp .sidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.10) !important;
    border-radius: 6px !important;
}
#adminApp .sidebar::-webkit-scrollbar-thumb:hover, #userApp .sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.45) !important;
}
#adminApp .admin-action-btn, #userApp .admin-action-btn {
    padding: 6px 12px;
    border-radius: 7px;
    font-size: 0.82em;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    border: 1px solid transparent;
    white-space: nowrap;
    background: transparent;
}
#adminApp .admin-action-info, #userApp .admin-action-info {
    background: var(--a-violet-soft);
    color: var(--a-violet);
    border-color: var(--a-violet-line);
}
#adminApp .admin-action-info:hover, #userApp .admin-action-info:hover {
    background: var(--a-violet);
    color: #0b0b10;
}
#adminApp .admin-action-success, #userApp .admin-action-success {
    background: var(--a-green-soft);
    color: var(--a-green);
    border-color: rgba(62,207,142,0.35);
}
#adminApp .admin-action-success:hover, #userApp .admin-action-success:hover {
    background: var(--a-green);
    color: #0b0b10;
}
#adminApp .admin-action-danger, #userApp .admin-action-danger {
    background: var(--a-red-soft);
    color: var(--a-red);
    border-color: rgba(239,106,99,0.35);
}
#adminApp .admin-action-danger:hover, #userApp .admin-action-danger:hover {
    background: var(--a-red);
    color: #0b0b10;
}
#adminApp .admin-action-outline, #userApp .admin-action-outline {
    background: transparent;
    color: var(--a-text-dim);
    border-color: var(--a-border);
}
#adminApp .admin-action-outline:hover, #userApp .admin-action-outline:hover {
    border-color: var(--a-violet-line);
    color: var(--a-violet);
}
@media (max-width: 900px) {
    #adminApp .sidebar, #userApp .sidebar {
        width: 200px;
        min-width: 200px;
    }
    #adminApp .admin-container, #userApp .admin-container {
        padding: 18px 16px 20px;
    }
}
#adminApp .orders-stats-section, #userApp .orders-stats-section {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-bottom: 16px;
}
#adminApp .oa-stat-clickable, #userApp .oa-stat-clickable {
    cursor: pointer;
}
#adminApp .oa-stat-clickable:active, #userApp .oa-stat-clickable:active {
    transform: translateY(0) scale(0.98);
}
#adminApp .oa-stat-clickable .stat-info h3, #userApp .oa-stat-clickable .stat-info h3 {
    font-size: clamp(1.1em, 2vw, 1.6em);
}
#adminApp .orders-toolbar, #userApp .orders-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#adminApp .orders-search-wrap, #userApp .orders-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
#adminApp .orders-search-icon, #userApp .orders-search-icon {
    position: absolute;
    left: 12px;
    font-size: 0.85em;
    opacity: 0.6;
    pointer-events: none;
}
#adminApp #adminOrderSearch, #userApp #adminOrderSearch {
    width: 300px;
    max-width: 60vw;
    padding: 9px 12px 9px 34px;
    border: 1px solid var(--a-border);
    border-radius: 9px;
    background: var(--a-panel-2);
    color: var(--a-text);
    font-family: inherit;
    font-size: 0.85em;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#adminApp #adminOrderSearch:focus, #userApp #adminOrderSearch:focus {
    border-color: var(--a-violet-line);
    box-shadow: 0 0 0 3px var(--a-violet-soft2);
}
#adminApp #adminOrderSearch::placeholder, #userApp #adminOrderSearch::placeholder {
    color: var(--a-text-muted);
}
#adminApp .orders-result-count, #userApp .orders-result-count {
    font-size: 0.78em;
    color: var(--a-text-muted);
    font-family: 'Plus Jakarta Sans', sans-serif;
    white-space: nowrap;
}
#adminApp .orders-table, #userApp .orders-table {
    table-layout: fixed;
}
#adminApp .orders-table th:nth-child(1), #adminApp .orders-table td:nth-child(1), #userApp .orders-table th:nth-child(1), #userApp .orders-table td:nth-child(1) {
    width: 10%;
}
#adminApp .orders-table th:nth-child(2), #adminApp .orders-table td:nth-child(2), #userApp .orders-table th:nth-child(2), #userApp .orders-table td:nth-child(2) {
    width: 12%;
}
#adminApp .orders-table th:nth-child(3), #adminApp .orders-table td:nth-child(3), #userApp .orders-table th:nth-child(3), #userApp .orders-table td:nth-child(3) {
    width: 18%;
}
#adminApp .orders-table th:nth-child(4), #adminApp .orders-table td:nth-child(4), #userApp .orders-table th:nth-child(4), #userApp .orders-table td:nth-child(4) {
    width: 21%;
}
#adminApp .orders-table th:nth-child(5), #adminApp .orders-table td:nth-child(5), #userApp .orders-table th:nth-child(5), #userApp .orders-table td:nth-child(5) {
    width: 8%;
}
#adminApp .orders-table th:nth-child(6), #adminApp .orders-table td:nth-child(6), #userApp .orders-table th:nth-child(6), #userApp .orders-table td:nth-child(6) {
    width: 12%;
}
#adminApp .orders-table th:nth-child(7), #adminApp .orders-table td:nth-child(7), #userApp .orders-table th:nth-child(7), #userApp .orders-table td:nth-child(7) {
    width: 19%;
}
#adminApp .orders-table td, #userApp .orders-table td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    vertical-align: top;
    padding-top: 12px;
    padding-bottom: 12px;
}
#adminApp .orders-table td:nth-child(1), #adminApp .orders-table td:nth-child(5), #userApp .orders-table td:nth-child(1), #userApp .orders-table td:nth-child(5) {
    white-space: nowrap;
}
#adminApp .oa-subtext, #userApp .oa-subtext {
    font-size: 0.84em;
    color: var(--a-text-muted);
}
#adminApp .oa-phone, #userApp .oa-phone {
    font-family: 'JetBrains Mono', monospace;
}
#adminApp .oa-address-cell, #userApp .oa-address-cell {
    vertical-align: top;
}
#adminApp .oa-address, #userApp .oa-address {
    font-size: 0.84em;
    color: var(--a-text-dim);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#adminApp .oa-items-cell, #userApp .oa-items-cell {
    font-size: 1em;
}
#adminApp .oa-item-line, #userApp .oa-item-line {
    font-size: 0.82em;
    color: var(--a-text-dim);
    line-height: 1.55;
}
#adminApp .oa-item-qty, #userApp .oa-item-qty {
    color: var(--a-green);
    font-weight: 700;
}
#adminApp .oa-item-price, #userApp .oa-item-price {
    color: var(--a-text-muted);
}
#adminApp .oa-item-empty, #userApp .oa-item-empty {
    color: var(--a-text-muted);
    font-size: 0.82em;
}
#adminApp .oa-item-more, #userApp .oa-item-more {
    font-size: 0.78em;
    color: var(--a-violet);
    font-weight: 600;
    margin-top: 2px;
}
#adminApp .oa-substatus, #userApp .oa-substatus {
    font-size: 0.78em;
    color: var(--a-text-muted);
    margin-top: 5px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#adminApp .oa-respondent, #userApp .oa-respondent {
    color: #a892f8;
}
#adminApp .order-actions, #userApp .order-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    position: relative;
}
#adminApp .oa-btn, #userApp .oa-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 0.8em;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid var(--a-border);
    background: var(--a-panel-2);
    color: var(--a-text-dim);
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#adminApp .oa-btn:hover, #userApp .oa-btn:hover {
    border-color: var(--a-violet-line);
    color: var(--a-text);
}
#adminApp .oa-icon-btn, #userApp .oa-icon-btn {
    padding: 6px 9px;
}
#adminApp .oa-btn-label, #userApp .oa-btn-label {
    display: inline;
}
#adminApp .oa-primary, #userApp .oa-primary {
    color: #0b0b10;
    border-color: transparent;
}
#adminApp .oa-primary-info, #userApp .oa-primary-info {
    background: var(--a-violet);
}
#adminApp .oa-primary-info:hover, #userApp .oa-primary-info:hover {
    background: #9b80f7;
    color: #0b0b10;
}
#adminApp .oa-primary-success, #userApp .oa-primary-success {
    background: var(--a-green);
}
#adminApp .oa-primary-success:hover, #userApp .oa-primary-success:hover {
    background: #4fe0a3;
    color: #0b0b10;
}
#adminApp .oa-more, #userApp .oa-more {
    font-weight: 900;
    letter-spacing: 1px;
    padding: 6px 10px;
}
#adminApp .oa-more-wrap, #userApp .oa-more-wrap {
    position: relative;
}
#adminApp .oa-menu, #userApp .oa-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 190px;
    background: var(--a-panel-2);
    border: 1px solid var(--a-border);
    border-radius: 10px;
    box-shadow: var(--a-shadow-lg);
    padding: 6px;
    z-index: 30;
    flex-direction: column;
    gap: 2px;
}
#adminApp .oa-menu.open, #userApp .oa-menu.open {
    display: flex;
}
#adminApp .oa-menu button, #userApp .oa-menu button {
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--a-text-dim);
    font-size: 0.83em;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}
#adminApp .oa-menu button:hover, #userApp .oa-menu button:hover {
    background: var(--a-violet-soft2);
    color: var(--a-text);
}
#adminApp .oa-menu-danger, #userApp .oa-menu-danger {
    color: var(--a-red) !important;
}
#adminApp .oa-menu-danger:hover, #userApp .oa-menu-danger:hover {
    background: var(--a-red-soft) !important;
    color: var(--a-red) !important;
}
#adminApp .oa-menu-success, #userApp .oa-menu-success {
    color: var(--a-green) !important;
}
#adminApp .oa-menu-success:hover, #userApp .oa-menu-success:hover {
    background: var(--a-green-soft) !important;
    color: var(--a-green) !important;
}
#adminApp .orders-empty, #userApp .orders-empty {
    text-align: center;
    padding: 46px 20px;
    color: var(--a-text-muted);
    font-size: 1.4em;
    line-height: 2;
}
#adminApp .orders-empty span, #userApp .orders-empty span {
    font-size: 0.5em;
    display: block;
    color: var(--a-text-muted);
}
#adminApp .orders-pagination, #userApp .orders-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--a-border-soft);
}
#adminApp .oa-page-range, #userApp .oa-page-range {
    font-size: 0.8em;
    color: var(--a-text-muted);
}
#adminApp .oa-page-btns, #userApp .oa-page-btns {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
#adminApp .oa-page-btn, #userApp .oa-page-btn {
    padding: 6px 11px;
    border-radius: 7px;
    border: 1px solid var(--a-border);
    background: var(--a-panel-2);
    color: var(--a-text-dim);
    font-size: 0.8em;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}
#adminApp .oa-page-btn:hover:not(:disabled), #userApp .oa-page-btn:hover:not(:disabled) {
    border-color: var(--a-violet-line);
    color: var(--a-text);
}
#adminApp .oa-page-btn.active, #userApp .oa-page-btn.active {
    background: var(--a-violet);
    border-color: var(--a-violet);
    color: #0b0b10;
}
#adminApp .oa-page-btn:disabled, #userApp .oa-page-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
#adminApp .oa-page-ellipsis, #userApp .oa-page-ellipsis {
    color: var(--a-text-muted);
    padding: 0 2px;
}
#adminApp .inv-stats-section, #userApp .inv-stats-section {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-bottom: 16px;
}
#adminApp .inv-stat-clickable, #userApp .inv-stat-clickable {
    cursor: pointer;
}
#adminApp .inv-stat-clickable:active, #userApp .inv-stat-clickable:active {
    transform: translateY(0) scale(0.98);
}
#adminApp .inv-stat-clickable .stat-info h3, #userApp .inv-stat-clickable .stat-info h3 {
    font-size: clamp(1.1em, 2vw, 1.6em);
}
#adminApp .admin-search-wrap, #userApp .admin-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
#adminApp .admin-search-icon, #userApp .admin-search-icon {
    position: absolute;
    left: 12px;
    font-size: 0.85em;
    opacity: 0.6;
    pointer-events: none;
}
#adminApp .admin-search-input, #userApp .admin-search-input {
    width: 300px;
    max-width: 60vw;
    padding: 9px 12px 9px 34px;
    border: 1px solid var(--a-border);
    border-radius: 9px;
    background: var(--a-panel-2);
    color: var(--a-text);
    font-family: inherit;
    font-size: 0.85em;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}
#adminApp .admin-search-input:focus, #userApp .admin-search-input:focus {
    border-color: var(--a-violet-line);
    box-shadow: 0 0 0 3px var(--a-violet-soft2);
}
#adminApp .admin-search-input::placeholder, #userApp .admin-search-input::placeholder {
    color: var(--a-text-muted);
}
#adminApp .admin-result-count, #userApp .admin-result-count {
    font-size: 0.78em;
    color: var(--a-text-muted);
    font-family: 'Plus Jakarta Sans', sans-serif;
    white-space: nowrap;
}
#adminApp .admin-pagination, #userApp .admin-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--a-border-soft);
}
#adminApp .inv-toolbar, #userApp .inv-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#adminApp .inv-view-toggle, #userApp .inv-view-toggle {
    display: flex;
    border: 1px solid var(--a-border);
    border-radius: 8px;
    overflow: hidden;
}
#adminApp .inv-view-toggle button, #userApp .inv-view-toggle button {
    padding: 8px 12px;
    background: var(--a-panel-2);
    color: var(--a-text-muted);
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.95em;
    line-height: 1;
}
#adminApp .inv-view-toggle button.active, #userApp .inv-view-toggle button.active {
    background: var(--a-violet);
    color: #0b0b10;
}
#adminApp .inv-view-toggle button:not(.active):hover, #userApp .inv-view-toggle button:not(.active):hover {
    color: var(--a-text);
}
#adminApp .inv-empty, #userApp .inv-empty {
    grid-column: 1/-1;
    text-align: center;
    padding: 46px 20px;
    color: var(--a-text-muted);
    font-size: 1.4em;
    line-height: 2;
}
#adminApp .inv-empty span, #userApp .inv-empty span {
    font-size: 0.5em;
    display: block;
    color: var(--a-text-muted);
}
@media (max-width: 860px) {
    #adminApp .orders-table, #adminApp .orders-table thead, #adminApp .orders-table tbody, #adminApp .orders-table th, #adminApp .orders-table td, #adminApp .orders-table tr, #userApp .orders-table, #userApp .orders-table thead, #userApp .orders-table tbody, #userApp .orders-table th, #userApp .orders-table td, #userApp .orders-table tr {
        display: block;
        width: 100% !important;
    }
    #adminApp .orders-table thead, #userApp .orders-table thead {
        display: none;
    }
    #adminApp .orders-table tbody tr, #userApp .orders-table tbody tr {
        background: var(--a-panel-2);
        border: 1px solid var(--a-border);
        border-radius: var(--a-radius-sm);
        margin-bottom: 12px;
        padding: 12px 14px;
    }
    #adminApp .orders-table td, #userApp .orders-table td {
        border-bottom: none;
        padding: 6px 0;
    }
    #adminApp .orders-table td:nth-child(1)::before, #userApp .orders-table td:nth-child(1)::before {
        content: 'Order';
    }
    #adminApp .orders-table td:nth-child(2)::before, #userApp .orders-table td:nth-child(2)::before {
        content: 'Customer';
    }
    #adminApp .orders-table td:nth-child(3)::before, #userApp .orders-table td:nth-child(3)::before {
        content: 'Address';
    }
    #adminApp .orders-table td:nth-child(4)::before, #userApp .orders-table td:nth-child(4)::before {
        content: 'Items';
    }
    #adminApp .orders-table td:nth-child(5)::before, #userApp .orders-table td:nth-child(5)::before {
        content: 'Total';
    }
    #adminApp .orders-table td:nth-child(1)::before, #adminApp .orders-table td:nth-child(2)::before, #adminApp .orders-table td:nth-child(3)::before, #adminApp .orders-table td:nth-child(4)::before, #adminApp .orders-table td:nth-child(5)::before, #userApp .orders-table td:nth-child(1)::before, #userApp .orders-table td:nth-child(2)::before, #userApp .orders-table td:nth-child(3)::before, #userApp .orders-table td:nth-child(4)::before, #userApp .orders-table td:nth-child(5)::before {
        display: block;
        font-size: 0.68em;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: var(--a-text-muted);
        margin-bottom: 3px;
    }
    #adminApp .oa-address, #userApp .oa-address {
        -webkit-line-clamp: unset;
    }
    #adminApp .orders-toolbar, #userApp .orders-toolbar {
        width: 100%;
    }
    #adminApp #adminOrderSearch, #userApp #adminOrderSearch {
        width: 100%;
        max-width: 100%;
    }
    #adminApp .inv-toolbar, #userApp .inv-toolbar {
        width: 100%;
    }
    #adminApp .admin-search-input, #userApp .admin-search-input {
        width: 100%;
        max-width: 100%;
    }
    #adminApp .inv-toolbar > .btn, #userApp .inv-toolbar > .btn {
        width: 100%;
    }
}
.hero-banner {
    background: linear-gradient(135deg, rgba(0,201,110,0.14), rgba(0,60,40,0.35));
    border: 1px solid rgba(0,201,110,0.25);
    border-radius: var(--radius-lg);
    padding: 26px 28px;
    margin: 20px 0 24px;
    position: relative;
    overflow: hidden;
}
.hero-banner::before {
    content: '💨';
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 5em;
    opacity: 0.12;
    pointer-events: none;
}
.hero-banner-text h1 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.7em;
    font-weight: 800;
    color: var(--text);
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}
.hero-banner-text p {
    color: var(--text-muted);
    font-size: 0.92em;
    max-width: 480px;
}
.shop-result-count {
    font-size: 0.82em;
    color: var(--text-muted);
    font-weight: 600;
    white-space: nowrap;
}
.shop-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 14px 0 18px;
}
.price-filter-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}
.price-filter-icon {
    position: absolute;
    left: 12px;
    font-size: 0.85em;
    color: var(--text-muted);
    font-weight: 700;
    pointer-events: none;
}
.price-filter-input {
    width: 90px;
    padding: 9px 10px;
    border: 1px solid var(--border-dim);
    border-radius: 20px;
    background: var(--dark2);
    color: var(--text);
    font-family: inherit;
    font-size: 0.85em;
    outline: none;
    transition: var(--transition);
}
.price-filter-input-min {
    padding-left: 26px;
}
.price-filter-input-max {
    padding-right: 30px;
}
.price-filter-sep {
    color: var(--text-muted);
    font-weight: 700;
    font-size: 0.85em;
}
.price-filter-input:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px var(--green-glow2);
}
.price-filter-input::placeholder {
    color: var(--text-muted);
}
.price-filter-clear {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 0.85em;
    padding: 2px 4px;
    line-height: 1;
}
.price-filter-clear:hover {
    color: var(--danger-text);
}
.best-seller-toggle {
    padding: 9px 16px;
    border-radius: 20px;
    border: 1px solid rgba(255,180,0,0.4);
    background: rgba(255,180,0,0.08);
    color: #ffb700;
    font-family: inherit;
    font-weight: 700;
    font-size: 0.85em;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}
.best-seller-toggle:hover {
    background: rgba(255,180,0,0.16);
    border-color: rgba(255,180,0,0.6);
}
.best-seller-toggle.active {
    background: linear-gradient(135deg, #ffb700, #ff9800);
    color: #2a1a00;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(255,180,0,0.35);
}
.shop-empty {
    grid-column: 1/-1;
    text-align: center;
    padding: 46px 20px;
    color: var(--text-muted);
    font-size: 1.4em;
    line-height: 2;
}
.shop-empty span {
    font-size: 0.5em;
    display: block;
    color: var(--text-muted);
}
.logo:hover {
    transform: scale(1.03);
    filter: drop-shadow(0 0 8px rgba(0,201,110,0.5));
}
.orders-cards-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.order-card {
    background: var(--a-panel, #15151c);
    border: 1px solid var(--a-border, rgba(255,255,255,0.07));
    border-radius: var(--a-radius, 14px);
    overflow: hidden;
}
.order-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    padding: 16px 22px;
    background: var(--a-panel-2, #1a1a23);
    border-bottom: 1px solid var(--a-border, rgba(255,255,255,0.07));
}
.oc-head-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.oc-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.68em;
    letter-spacing: 0.8px;
    color: var(--a-text-muted, #83838f);
    text-transform: uppercase;
}
.oc-value {
    font-size: 0.9em;
    font-weight: 700;
    color: var(--a-text, #f1f1f4);
}
.oc-value.oc-mono {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.3px;
}
.order-card-head-status {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.order-card-body {
    padding: 14px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.oc-item-row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.oc-item-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 11px;
    background: var(--a-panel-2, #1a1a23);
    border: 1px solid var(--a-border, rgba(255,255,255,0.07));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
}
.oc-item-info {
    flex: 1;
    min-width: 0;
}
.oc-item-name {
    font-weight: 700;
    color: var(--a-text, #f1f1f4);
    font-size: 0.94em;
}
.oc-item-meta {
    font-size: 0.82em;
    color: var(--a-text-muted, #83838f);
    margin-top: 2px;
}
.oc-item-meta .oc-qty {
    color: var(--a-green, #3ecf8e);
    font-weight: 700;
}
.oc-item-line-total {
    font-weight: 700;
    color: var(--a-text-dim, #b7b7c3);
    font-size: 0.88em;
    white-space: nowrap;
}
.oc-items-empty {
    color: var(--a-text-muted, #83838f);
    font-size: 0.85em;
}
.order-card-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 22px;
    border-top: 1px solid var(--a-border-soft, rgba(255,255,255,0.045));
}
.order-card-foot .btn {
    margin: 0;
}
.orders-cards-empty {
    text-align: center;
    padding: 64px 20px;
    color: var(--a-text-muted, #83838f);
}
.orders-cards-empty h3 {
    color: var(--a-text, #f1f1f4);
    margin-bottom: 8px;
}
.orders-cards-empty p {
    font-size: 0.92em;
    max-width: 340px;
    margin: 0 auto 22px;
}
.sidebar-profile-row {
    position: relative;
}
.sidebar-profile-edit-btn {
    margin-left: auto;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 8px;
    background: var(--a-panel-2, #1a1a23);
    border: 1px solid var(--a-border, rgba(255,255,255,0.07));
    color: var(--a-text-muted, #83838f);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}
.sidebar-profile-edit-btn:hover {
    color: var(--a-violet, #8b6cf5);
    border-color: var(--a-violet-line, rgba(139,108,245,0.35));
    background: var(--a-violet-soft2, rgba(139,108,245,0.08));
}
.shop-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.shop-header-search {
    margin: 0;
    width: 320px;
    max-width: 100%;
    flex-shrink: 0;
}
@media (max-width: 720px) {
    .hero-banner {
        padding: 20px;
    }
    .hero-banner-text h1 {
        font-size: 1.35em;
    }
    .hero-banner::before {
        font-size: 3.5em;
    }
    .shop-toolbar {
        width: 100%;
    }
    .price-filter-input {
        width: 0;
        flex: 1 1 auto;
        min-width: 0;
    }
    .price-filter-wrap {
        flex: 1 1 100%;
    }
    .best-seller-toggle {
        width: 100%;
        text-align: center;
    }
    .shop-header-search {
        width: 100%;
    }
}
#userApp {
    --green: var(--violet);
    --green-dim: var(--violet-dim);
    --green-deep: var(--violet-deep);
    --green-glow: var(--violet-glow);
    --green-glow2: var(--violet-glow2);
    --green-glow3: var(--violet-glow3);
}
#userApp .stock-in {
    background: rgba(139,108,245,0.12);
    border-color: rgba(139,108,245,0.3);
}
#userApp .add-to-cart-btn::after {
    background: linear-gradient(90deg, transparent, rgba(139,108,245,0.18), transparent);
}
#userApp .add-to-cart-btn:hover:not([disabled]) {
    box-shadow: 0 4px 14px rgba(139,108,245,0.4);
}
#userApp .buy-now-btn {
    box-shadow: 0 2px 10px rgba(139,108,245,0.25);
}
#userApp .buy-now-btn:hover {
    background: linear-gradient(135deg, var(--violet), #a48cf9);
    box-shadow: 0 4px 16px rgba(139,108,245,0.45);
}
@keyframes checkoutFloat {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(-14px, 16px) scale(1.06); }
}
@keyframes checkoutShine {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
#checkoutModal.modal {
    background: rgba(8, 6, 16, 0.72);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.checkout-modal-content {
    background: linear-gradient(165deg, rgba(36, 30, 54, 0.78) 0%, rgba(15, 14, 22, 0.88) 55%, rgba(12, 11, 18, 0.92) 100%);
    border: 1px solid rgba(139, 108, 245, 0.28);
    border-radius: 22px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 0 90px rgba(139, 108, 245, 0.10);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
.checkout-modal-content::before {
    background: linear-gradient(90deg, transparent, var(--violet, #8b6cf5), transparent);
    opacity: 0.9;
}
.checkout-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(50px);
    z-index: 0;
    opacity: 0.55;
    animation: checkoutFloat 9s ease-in-out infinite;
}
.checkout-glow-1 {
    width: 260px;
    height: 260px;
    top: -90px;
    right: -80px;
    background: radial-gradient(circle, rgba(139,108,245,0.55), transparent 70%);
}
.checkout-glow-2 {
    width: 220px;
    height: 220px;
    bottom: -70px;
    left: -60px;
    background: radial-gradient(circle, rgba(255,140,200,0.20), transparent 70%);
    animation-delay: -4.5s;
}
.checkout-modal-header {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 24px 26px;
    background: rgba(20,18,28,0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.checkout-modal-header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(120deg, #f1f1f4, #c8bafc 60%, var(--violet, #8b6cf5));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.checkout-header-icon {
    -webkit-text-fill-color: initial;
    filter: drop-shadow(0 0 10px rgba(139,108,245,0.5));
}
.checkout-modal-header .close {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 50%;
    transition: transform 0.25s ease, background 0.2s ease, border-color 0.2s ease;
}
.checkout-modal-header .close:hover {
    transform: rotate(90deg);
    background: rgba(220,30,60,0.85);
    border-color: rgba(220,30,60,0.85);
}
.checkout-modal-body {
    position: relative;
    z-index: 1;
}
.checkout-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 18px;
    backdrop-filter: blur(6px);
    transition: border-color 0.2s ease, background 0.2s ease;
}
.checkout-card:hover {
    border-color: rgba(139,108,245,0.25);
}
.checkout-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.checkout-card-head h3 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1em;
    letter-spacing: 0.2px;
}
.checkout-card-icon {
    filter: drop-shadow(0 0 6px rgba(139,108,245,0.35));
}
.checkout-pill-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s ease;
}
.checkout-edit-btn {
    border: 1px solid rgba(139,108,245,0.5);
    background: rgba(139,108,245,0.08);
    color: var(--violet, #8b6cf5);
}
.checkout-edit-btn:hover {
    background: rgba(139,108,245,0.18);
    box-shadow: 0 0 0 3px rgba(139,108,245,0.12);
}
.checkout-cancel-btn {
    border: 1px solid rgba(255,255,255,0.14);
    background: transparent;
    color: var(--a-text-muted, #83838f);
}
.checkout-cancel-btn:hover {
    border-color: rgba(255,255,255,0.3);
    color: var(--a-text, #f1f1f4);
}
.checkout-info-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.checkout-info-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.checkout-info-badge {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(139,108,245,0.12);
    border: 1px solid rgba(139,108,245,0.25);
    font-size: 1em;
}
.checkout-info-label {
    font-size: 0.78em;
    color: var(--a-text-muted, #83838f);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.checkout-info-value {
    font-weight: 700;
    font-size: 0.96em;
    color: var(--a-text, #f1f1f4);
}
.checkout-info-edit {
    border-color: rgba(139,108,245,0.3);
}
.checkout-save-btn {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, var(--violet, #8b6cf5), var(--violet-deep, #6d4fd9));
    color: #0b0b10;
    font-size: 0.88em;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 6px 20px rgba(139,108,245,0.3);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.checkout-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 26px rgba(139,108,245,0.45);
}
.checkout-save-btn:active {
    transform: translateY(0);
}
.checkout-notes-group {
    margin-top: 4px;
    margin-bottom: 18px;
}
.checkout-order-summary {
    position: relative;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 18px 20px;
    backdrop-filter: blur(6px);
    overflow: hidden;
}
.payment-method-cod-only {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--green, #00c96e);
    background: rgba(0,201,110,0.08);
}
.payment-method-icon {
    font-size: 1.4em;
    flex-shrink: 0;
}
.payment-method-text {
    flex: 1;
}
.payment-method-title {
    font-weight: 700;
    font-size: 0.92em;
    color: var(--a-text, #f1f1f4);
}
.payment-method-desc {
    font-size: 0.78em;
    color: var(--a-text-muted, #83838f);
    margin-top: 2px;
}
.checkout-order-summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--violet, #8b6cf5), transparent);
}
.checkout-order-summary h3 {
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1em;
}
.checkout-items-list {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
.checkout-line-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    font-size: 0.88em;
}
.checkout-line-item:last-child {
    border-bottom: none;
}
.checkout-line-item-name {
    color: var(--a-text-muted, #83838f);
}
.checkout-order-summary .order-summary-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 0.92em;
    color: var(--a-text-dim, #b7b7c3);
}
.checkout-order-summary .order-summary-total {
    margin-top: 6px;
    padding-top: 12px;
    border-top: 1px dashed rgba(255,255,255,0.12);
    font-size: 1.1em;
    font-weight: 800;
    color: var(--a-text, #f1f1f4);
}
.checkout-order-summary .order-summary-total span:last-child {
    color: var(--violet, #8b6cf5);
    font-size: 1.15em;
    text-shadow: 0 0 18px rgba(139,108,245,0.5);
}
.checkout-place-order-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    margin-top: 22px;
    border-radius: 14px;
    border: none;
    background: linear-gradient(120deg, var(--violet-dim, #7c5cf0), var(--violet, #8b6cf5) 45%, var(--violet-deep, #6d4fd9));
    background-size: 220% 100%;
    color: #0b0b10;
    font-size: 0.95em;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: none;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(139,108,245,0.35), 0 0 0 1px rgba(255,255,255,0.06) inset;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background-position 0.6s ease;
}
.checkout-place-order-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 38px rgba(139,108,245,0.5), 0 0 0 1px rgba(255,255,255,0.08) inset;
    background-position: 100% 0;
}
.checkout-place-order-btn:active {
    transform: translateY(0);
}
.checkout-place-order-arrow {
    transition: transform 0.2s ease;
}
.checkout-place-order-btn:hover .checkout-place-order-arrow {
    transform: translateX(4px);
}
.checkout-modal .form-control {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
}
.checkout-modal .form-control:focus {
    background: rgba(255,255,255,0.06);
    border-color: var(--violet, #8b6cf5);
    box-shadow: 0 0 0 3px rgba(139,108,245,0.14);
}
.checkout-modal-content::-webkit-scrollbar {
    width: 8px;
}
.checkout-modal-content::-webkit-scrollbar-track {
    background: transparent;
}
.checkout-modal-content::-webkit-scrollbar-thumb {
    background: rgba(139,108,245,0.35);
    border-radius: 8px;
}
.checkout-modal-content::-webkit-scrollbar-thumb:hover {
    background: rgba(139,108,245,0.55);
}
.cancel-order-info {
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(220,60,60,0.30);
    border-left: 3px solid var(--danger-text, #ff4d4d);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
    font-size: 0.88em;
    line-height: 1.7;
    color: var(--a-text-dim, #b7b7c3);
    backdrop-filter: blur(6px);
}
.cancel-order-info strong {
    color: var(--a-text, #f1f1f4);
}
.cancel-reason-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}
.cancel-reason-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    font-size: 0.88em;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.cancel-reason-label:hover {
    border-color: rgba(139,108,245,0.3);
}
.cancel-reason-label input[type="radio"] {
    accent-color: var(--a-violet, #8b6cf5);
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.cancel-reason-label.cancel-reason-active {
    border-color: var(--a-violet, #8b6cf5);
    background: rgba(139,108,245,0.10);
}
.cancel-modal-actions {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}
.cancel-modal-actions .btn {
    flex: 1;
    border-radius: 10px;
    padding: 11px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.cancel-keep-btn {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    color: var(--a-text-dim, #b7b7c3);
}
.cancel-keep-btn:hover {
    background: rgba(255,255,255,0.07);
    color: var(--a-text, #f1f1f4);
}
.cancel-confirm-btn {
    background: linear-gradient(120deg, #e14444, var(--danger-text, #ff4d4d));
    border: none;
    color: #fff;
    box-shadow: 0 8px 22px rgba(220,60,60,0.3);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.cancel-confirm-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(220,60,60,0.45);
}
.order-details-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}
.order-details-head h3 {
    margin: 0 0 4px;
}
.order-details-date {
    margin: 0;
    color: var(--a-text-muted, #83838f);
    font-size: 0.88em;
}
.order-details-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
}
.order-details-info-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.order-details-info-full {
    grid-column: 1 / -1;
}
.order-details-label {
    font-size: 0.76em;
    color: var(--a-text-muted, #83838f);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.order-details-value {
    font-weight: 600;
    font-size: 0.94em;
    color: var(--a-text, #f1f1f4);
    word-break: break-word;
    white-space: normal;
}
@media (max-width: 480px) {
    .auth-container {
        padding: 28px 20px;
    }
    .stats-section {
        grid-template-columns: 1fr;
    }
    .products-grid {
        grid-template-columns: 1fr 1fr;
    }
    .modal-content {
        max-width: 100%;
    }
    .search-input {
        padding: 9px 14px;
        font-size: 0.88em;
    }
    .search-btn {
        padding: 9px 14px;
    }
    .page-header h1 {
        font-size: 1.5em;
    }
    .admin-container, .container {
        padding: 12px 10px;
    }
    .wizard-dot {
        width: 26px;
        height: 26px;
        font-size: 0.72em;
    }
    .wizard-line {
        width: 22px;
    }
    .wizard-input-narrow {
        max-width: 60px;
    }
    .wizard-input-narrow-lg {
        max-width: 78px;
    }
    .checkout-modal-content {
        border-radius: 18px;
    }
    .checkout-card, .checkout-order-summary {
        padding: 14px 16px;
    }
    .order-details-info-grid {
        grid-template-columns: 1fr;
    }
}
.order-details-subhead {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 20px 0 10px;
    color: var(--a-text, #f1f1f4);
}
.order-items-table-wrap {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 4px;
}
.order-items-table {
    margin-bottom: 0;
    border-radius: 0;
}
.order-items-table td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
}
[data-theme="light"] #userApp {
    --a-bg: #f5f3fb;
    --a-panel: #ffffff;
    --a-panel-2: #f4f2fa;
    --a-panel-hover: #ece7f9;
    --a-border: rgba(20, 12, 45, 0.13);
    --a-border-soft: rgba(20, 12, 45, 0.08);
    --a-text: #0f0d16;
    --a-text-dim: #332e42;
    --a-text-muted: #5b5570;
    --a-violet: #6d4fd9;
    --a-violet-soft: rgba(109, 79, 217, 0.12);
    --a-violet-soft2: rgba(109, 79, 217, 0.07);
    --a-violet-line: rgba(109, 79, 217, 0.40);
    --a-green: #0b8354;
    --a-green-soft: rgba(11, 131, 84, 0.13);
    --a-amber: #935e05;
    --a-amber-soft: rgba(147, 94, 5, 0.13);
    --a-red: #c22e26;
    --a-red-soft: rgba(194, 46, 38, 0.13);
    --a-shadow: 0 2px 14px rgba(20, 12, 45, 0.08);
    --a-shadow-lg: 0 12px 32px rgba(20, 12, 45, 0.13);
}
[data-theme="light"] #userApp, [data-theme="light"] #userApp .main-content {
    background: var(--a-bg) !important;
}
[data-theme="light"] #userApp .main-content {
    background: radial-gradient(600px 320px at 15% -8%, rgba(124,92,240,0.07), transparent 60%),
        radial-gradient(500px 300px at 100% 0%, rgba(124,92,240,0.04), transparent 55%),
        var(--a-bg) !important;
}
[data-theme="light"] #userApp .sidebar {
    background: var(--a-panel) !important;
    border-right: 1px solid var(--a-border-soft);
}
[data-theme="light"] #userApp .product-image {
    background: linear-gradient(155deg, #e6e0f7 0%, #ddd5f2 100%) !important;
}
[data-theme="light"] #userApp .sidebar-item-icon svg {
    stroke: var(--a-text-dim);
}
[data-theme="light"] #userApp .filter-tab svg, [data-theme="light"] #userApp .stat-icon svg {
    color: var(--a-text-dim);
}
[data-theme="light"] #userApp .page-header h1, [data-theme="light"] #userApp .product-name, [data-theme="light"] #userApp .sidebar-profile-name, [data-theme="light"] #userApp h2, [data-theme="light"] #userApp h3 {
    font-weight: 800;
    color: var(--a-text);
}
[data-theme="light"] #userApp .badge {
    font-weight: 700;
}
[data-theme="light"] #userApp .page-content, [data-theme="light"] #userApp .stat-card, [data-theme="light"] #userApp .product-card, [data-theme="light"] #userApp .section, [data-theme="light"] #userApp table, [data-theme="light"] #userApp .table-responsive, [data-theme="light"] #userApp .data-table {
    background: var(--a-panel) !important;
    color: var(--a-text);
    box-shadow: var(--a-shadow);
}
[data-theme="light"] #userApp .stat-card, [data-theme="light"] #userApp .product-card, [data-theme="light"] #userApp .section {
    border: 1px solid var(--a-border);
}
[data-theme="light"] #userApp .data-table th {
    background: var(--a-panel-2) !important;
    color: var(--a-text-dim);
}
[data-theme="light"] #userApp .data-table td {
    color: var(--a-text-dim) !important;
    border-color: var(--a-border-soft) !important;
}
[data-theme="light"] #userApp .data-table td strong {
    color: var(--a-text) !important;
}
[data-theme="light"] #userApp .form-control, [data-theme="light"] #userApp input, [data-theme="light"] #userApp select, [data-theme="light"] #userApp textarea {
    background: var(--a-panel-2) !important;
    color: var(--a-text) !important;
    border-color: var(--a-border) !important;
}
[data-theme="light"] #userApp .form-control:focus {
    border-color: var(--a-violet) !important;
}
[data-theme="light"] #userApp ::placeholder {
    color: var(--a-text-muted) !important;
}
[data-theme="light"] #userApp .sidebar-item {
    font-weight: 600;
    color: var(--a-text-dim);
}
[data-theme="light"] #userApp .sidebar-item:hover {
    background: var(--a-violet-soft2);
    color: var(--a-text);
}
[data-theme="light"] #userApp .sidebar-item.active {
    font-weight: 700;
    color: #0b0b10;
}
[data-theme="light"] #userApp .sidebar-section-label {
    color: var(--a-text-muted);
}
[data-theme="light"] #userApp .sidebar-profile-name {
    color: var(--a-text);
}
[data-theme="light"] #userApp .sidebar-profile-role {
    color: var(--a-text-muted);
}
[data-theme="light"] #userApp .sidebar-notif-btn {
    border-color: var(--a-border);
}
[data-theme="light"] #userApp .sidebar-notif-btn:hover {
    background: var(--a-violet-soft2);
}
[data-theme="light"] #userApp .filter-tab {
    font-weight: 700;
    background: var(--a-panel-2) !important;
    color: var(--a-text-muted) !important;
    border: 1px solid var(--a-border);
}
[data-theme="light"] #userApp .filter-tab.active {
    background: var(--a-violet) !important;
    color: #ffffff !important;
    border-color: transparent;
}
[data-theme="light"] #userApp .price-filter-input {
    background: var(--a-panel) !important;
    border-color: var(--a-border) !important;
    color: var(--a-text) !important;
}
[data-theme="light"] #userApp .stock-in {
    background: rgba(124,92,240,0.10) !important;
    color: var(--a-violet) !important;
    border-color: rgba(124,92,240,0.30) !important;
}
body:has(#userApp:not(.hidden)) {
    scrollbar-color: rgba(124,92,240,0.5) transparent;
}
body:has(#userApp:not(.hidden))::-webkit-scrollbar-track {
    background: transparent;
}
body:has(#userApp:not(.hidden))::-webkit-scrollbar-thumb {
    background: var(--a-violet, #7c5cf0);
}
body:has(#userApp:not(.hidden))::-webkit-scrollbar-thumb:hover {
    background: var(--a-violet, #8b6cf5);
}
[data-theme="light"] .admin-modal {
    background: rgba(30, 20, 55, 0.28) !important;
}
[data-theme="light"] .admin-modal .modal-content {
    background: linear-gradient(165deg, rgba(255,255,255,0.92) 0%, rgba(248,246,253,0.96) 100%) !important;
    border: 1px solid rgba(30,20,60,0.08);
    box-shadow: 0 22px 60px rgba(30,20,60,0.16),
        0 0 0 1px rgba(255,255,255,0.6) inset;
    color: var(--a-text, #1c1a26);
}
[data-theme="light"] .admin-modal .modal-header {
    background: rgba(255,255,255,0.65) !important;
    border-bottom-color: rgba(30,20,60,0.07);
}
[data-theme="light"] .admin-modal .modal-header h2 {
    background: linear-gradient(120deg, #1c1a26, #6d4fd9 70%, #7c5cf0);
    -webkit-background-clip: text;
    background-clip: text;
}
[data-theme="light"] .admin-modal .close {
    background: rgba(20,10,40,0.05);
    border-color: rgba(20,10,40,0.08);
    color: var(--a-text-dim, #4f4a5e);
}
[data-theme="light"] .admin-modal .close:hover {
    background: rgba(220,30,60,0.9);
    border-color: rgba(220,30,60,0.9);
    color: #fff;
}
[data-theme="light"] .admin-modal .modal-content::-webkit-scrollbar-thumb {
    background: rgba(124,92,240,0.35);
}
[data-theme="light"] .glass-card {
    background: rgba(124,92,240,0.035);
    border-color: rgba(30,20,60,0.08);
}
[data-theme="light"] .glass-card:hover {
    border-color: rgba(124,92,240,0.28);
}
[data-theme="light"] #checkoutModal.modal {
    background: rgba(30, 20, 55, 0.28) !important;
}
[data-theme="light"] .checkout-modal-content {
    background: linear-gradient(165deg, rgba(255,255,255,0.92) 0%, rgba(248,246,253,0.96) 100%) !important;
    border-color: rgba(124,92,240,0.22);
    box-shadow: 0 25px 65px rgba(30,20,60,0.18),
        0 0 0 1px rgba(255,255,255,0.6) inset,
        0 0 70px rgba(124,92,240,0.08);
    color: var(--a-text, #1c1a26);
}
[data-theme="light"] .checkout-modal-header {
    background: rgba(255,255,255,0.65) !important;
}
[data-theme="light"] .checkout-modal-header h2 {
    background: linear-gradient(120deg, #1c1a26, #6d4fd9 70%, #7c5cf0);
    -webkit-background-clip: text;
    background-clip: text;
}
[data-theme="light"] .checkout-modal-header .close {
    background: rgba(20,10,40,0.05);
    border-color: rgba(20,10,40,0.08);
    color: var(--a-text-dim, #4f4a5e);
}
[data-theme="light"] .checkout-glow-1 {
    background: radial-gradient(circle, rgba(124,92,240,0.30), transparent 70%);
}
[data-theme="light"] .checkout-glow-2 {
    background: radial-gradient(circle, rgba(255,140,200,0.16), transparent 70%);
}
[data-theme="light"] .checkout-info-badge {
    background: rgba(124,92,240,0.08);
    border-color: rgba(124,92,240,0.22);
}
[data-theme="light"] .checkout-modal-content::-webkit-scrollbar-thumb {
    background: rgba(124,92,240,0.35);
}
[data-theme="light"] .checkout-order-summary, [data-theme="light"] .checkout-card {
    background: rgba(124,92,240,0.035);
    border-color: rgba(30,20,60,0.08);
}
[data-theme="light"] .checkout-line-item {
    border-bottom-color: rgba(30,20,60,0.07);
}
[data-theme="light"] .checkout-order-summary .order-summary-total {
    border-top-color: rgba(30,20,60,0.14);
}
[data-theme="light"] .cancel-order-info {
    background: rgba(209,69,61,0.05);
    border-color: rgba(209,69,61,0.25);
    color: var(--a-text-dim, #4f4a5e);
}
[data-theme="light"] .cancel-order-info strong {
    color: var(--a-text, #1c1a26);
}
[data-theme="light"] .cancel-reason-label {
    background: rgba(30,20,60,0.03);
    border-color: rgba(30,20,60,0.08);
}
[data-theme="light"] .cancel-reason-label.cancel-reason-active {
    background: rgba(124,92,240,0.08);
    border-color: #7c5cf0;
}
[data-theme="light"] .cancel-keep-btn {
    background: rgba(30,20,60,0.04);
    border-color: rgba(30,20,60,0.10);
    color: var(--a-text-dim, #4f4a5e);
}
[data-theme="light"] .order-items-table-wrap {
    border-color: rgba(30,20,60,0.08);
}
.themeToggleIcon {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.theme-icon {
    position: absolute;
    inset: 0;
    width: 18px;
    height: 18px;
    display: block;
    transition: opacity 0.25s ease, transform 0.35s cubic-bezier(.2,.8,.3,1.3);
}
.theme-icon.icon-swap-off {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
    pointer-events: none;
}
.theme-icon:not(.icon-swap-off) {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
.theme-icon-sun:not(.icon-swap-off) {
    color: #f4b942;
}
.theme-icon-moon:not(.icon-swap-off) {
    color: #b9aefb;
}
.theme-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 900;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.12);
    background: linear-gradient(160deg, #201c30 0%, #14121e 100%);
    color: #e8e3fb;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35), 0 0 0 1px rgba(139,108,245,0.18) inset;
    backdrop-filter: blur(8px);
    transition: transform 0.2s cubic-bezier(.2,.8,.3,1.3), box-shadow 0.2s ease, border-color 0.2s ease;
}
.theme-fab:hover {
    transform: translateY(-3px);
    border-color: rgba(139,108,245,0.45);
    box-shadow: 0 12px 30px rgba(0,0,0,0.4), 0 0 0 1px rgba(139,108,245,0.32) inset, 0 0 22px rgba(139,108,245,0.25);
}
.theme-fab:active {
    transform: translateY(0) scale(0.94);
}
.theme-fab .themeToggleIcon {
    width: 20px;
    height: 20px;
}
.theme-fab .theme-icon {
    width: 20px;
    height: 20px;
}
[data-theme="light"] .theme-fab {
    background: linear-gradient(160deg, #ffffff 0%, #f4f2fb 100%);
    border-color: rgba(30,20,60,0.10);
    color: #4f4a5e;
    box-shadow: 0 8px 20px rgba(30,20,60,0.14), 0 0 0 1px rgba(124,92,240,0.14) inset;
}
[data-theme="light"] .theme-fab:hover {
    border-color: rgba(124,92,240,0.35);
    box-shadow: 0 12px 28px rgba(30,20,60,0.16), 0 0 0 1px rgba(124,92,240,0.3) inset;
}
@media (max-width: 640px) {
    .theme-fab {
        width: 46px;
        height: 46px;
        bottom: 16px;
        right: 16px;
    }
    .theme-fab .themeToggleIcon, .theme-fab .theme-icon {
        width: 18px;
        height: 18px;
    }
}