html{overflow-y:auto;overflow-x:hidden;height:auto}body,body.sidebar-enabled{overflow-y:auto;overflow-x:hidden;height:auto}:root{--primary-color:#667eea;--primary-dark:#5a6fd8;--secondary-color:#764ba2;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--light-color:#f8fafc;--dark-color:#1e293b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--gray-50);line-height:1.6;color:var(--gray-800);overflow-y:auto;overflow-x:hidden}.gradient-bg{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.gradient-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.sidebar-enabled{display:flex;min-height:100vh;overflow-y:visible;overflow-x:hidden}.sidebar{width:240px;background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);color:#fff;position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:all .3s ease;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 20px rgba(0,0,0,.15);border-right:1px solid rgba(255,255,255,.1)}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-text,.sidebar.collapsed .brand-text,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{display:none!important}.sidebar.collapsed .nav-link{justify-content:center;padding:1rem;margin:.25rem .5rem;border-radius:.75rem}.sidebar.collapsed .nav-link i{margin:0!important;font-size:1.25rem}.sidebar.collapsed .nav-dropdown-item{display:block;padding:.75rem 1rem;color:rgba(255,255,255,.9);text-decoration:none;border-radius:6px;margin-bottom:.25rem;font-size:.9rem;transition:all .3s ease}.sidebar.collapsed .nav-dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateX(4px)}.sidebar.collapsed .nav-item{margin:.125rem 0}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.sidebar-brand i{font-size:1.75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.sidebar.collapsed .brand-text{display:none!important}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .sidebar-brand i{margin:0!important;font-size:2rem}.sidebar-toggle{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.8);font-size:.7rem;cursor:pointer;padding:.4rem;border-radius:.5rem;transition:all .3s ease;backdrop-filter:blur(10px);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{color:#fff;background:rgba(255,255,255,.2);transform:scale(1.05)}.sidebar.collapsed .sidebar-toggle{margin:0 auto;font-size:.8rem;width:28px;height:28px;padding:.4rem}.sidebar-nav{list-style:none;padding:1rem 0 120px 0;margin:0}.sidebar-nav .nav-item{margin:.25rem 0}.sidebar-nav .nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:rgba(255,255,255,.8);text-decoration:none;transition:all .3s ease;position:relative;border-radius:0;margin:0 .5rem;overflow:hidden}.sidebar-nav .nav-link::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleY(0);transition:transform .3s ease}.sidebar-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.1);border-radius:8px;transform:translateX(4px)}.sidebar-nav .nav-link:hover::before{transform:scaleY(1)}.sidebar-nav .nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar-nav .nav-link.active::before{transform:scaleY(1)}.sidebar-nav .nav-link i{width:20px;text-align:center;font-size:1.1rem;transition:all .3s ease}.sidebar.collapsed .nav-text{display:none!important}.sidebar.collapsed .nav-link{justify-content:center;padding:1rem;margin:.25rem .5rem;border-radius:.75rem;width:calc(100% - 1rem)}.sidebar.collapsed .nav-link:hover{transform:none;background:rgba(255,255,255,.15)}.sidebar.collapsed .nav-link i{margin:0!important;font-size:1.25rem}.sidebar-footer{position:fixed;bottom:0;left:0;width:240px;padding:1.5rem 1rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);z-index:1001;transition:width .3s ease}.sidebar.collapsed .sidebar-footer{width:80px}.user-info{display:flex;align-items:center;gap:.75rem;width:100%;transition:all .3s ease}.user-avatar{width:42px;height:42px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}.user-details{flex:1;min-width:0;overflow:hidden;transition:all .3s ease}.user-name{font-weight:600;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .125rem 0;line-height:1.2}.user-role{font-size:.8rem;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.2}.sidebar.collapsed .user-details{display:none!important}.sidebar.collapsed .user-info{justify-content:center}.sidebar.collapsed .user-avatar{margin:0;width:48px;height:48px;font-size:1.25rem}.user-details>div{display:block;width:100%;max-width:100%}.user-name,.user-role{display:block;width:100%;box-sizing:border-box}.main-content{flex:1;margin-left:240px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column;overflow-y:visible!important;overflow-x:hidden;height:auto;max-height:none!important}.main-content.sidebar-collapsed{margin-left:80px}.top-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.05);position:sticky;top:0;z-index:999;min-height:64px;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem;flex:0 0 auto;min-width:0}.mobile-sidebar-toggle{background:none;border:1px solid var(--gray-300);color:var(--gray-600);padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.mobile-sidebar-toggle:hover{background:var(--gray-50);color:var(--gray-800);border-color:var(--gray-400)}.mobile-sidebar-toggle:active{transform:scale(.95)}.page-title{display:none}.header-right{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-actions .dropdown{flex-shrink:0}.header-actions .btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;gap:.5rem}.header-actions .btn i{flex-shrink:0}.header-actions .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}#selectedShopName{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.page-content{flex:1;padding:2rem;background:var(--gray-50);overflow-y:visible;overflow-x:hidden}.metismenu .has-arrow::after{content:"\f105"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;float:right;transition:transform .3s ease;margin-left:auto;border:none!important;transform:rotate(0deg);position:relative;right:0}.metismenu .mm-active>.has-arrow::after{transform:rotate(90deg)!important}.metismenu .mm-collapse{display:none!important}.metismenu .mm-show{display:block!important}.metismenu .mm-collapsing{transition:height .35s ease;overflow:hidden}.metismenu .nav-dropdown{list-style:none!important;padding:.5rem 0!important;margin:.25rem 0!important;background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-radius:8px!important}.metismenu .nav-dropdown li{list-style:none!important}.metismenu .nav-dropdown-item{display:block!important;padding:.75rem 1rem .75rem 3rem!important;color:rgba(255,255,255,.8)!important;text-decoration:none!important;border-radius:6px!important;margin:.125rem .5rem!important;transition:all .3s ease!important;position:relative!important;font-size:.9rem!important}.metismenu .nav-dropdown-item:hover{background:rgba(255,255,255,.15)!important;color:#fff!important;transform:translateX(4px)!important}.metismenu .nav-dropdown-item::before{content:""!important;position:absolute!important;left:1.5rem!important;top:50%!important;transform:translateY(-50%)!important;width:4px!important;height:4px!important;background:rgba(255,255,255,.5)!important;border-radius:50%!important}.sidebar.collapsed .metismenu .has-arrow::after{display:none!important}.sidebar.collapsed .metismenu .mm-show{position:fixed!important;left:80px!important;top:0!important;background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-radius:12px!important;padding:1rem!important;box-shadow:0 10px 40px rgba(0,0,0,.3)!important;z-index:1050!important;min-width:200px!important;max-width:250px!important;border:1px solid rgba(255,255,255,.1)!important;margin:0!important}.sidebar.collapsed .metismenu .nav-dropdown-item{padding:.75rem 1rem;margin:.25rem 0;color:rgba(255,255,255,.9)}.sidebar.collapsed .metismenu .nav-dropdown-item::before{left:.5rem}.sidebar:not(.collapsed) .metismenu .mm-show {position:relative!important;display:block!important}.main-content{position:relative;z-index:1}.page-content{overflow-x:hidden;overflow-y:visible!important;height:auto}@media (max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1050}.sidebar.mobile-open::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.sidebar.collapsed .metismenu .mm-show{display:none!important}.sidebar.mobile-open .metismenu .mm-show{position:relative!important;left:auto!important;top:auto!important;display:block!important}.sidebar.mobile-open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.3)}.main-content{margin-left:0;width:100%;overflow-y:visible!important;overflow-x:hidden;height:auto;max-height:none!important}.page-content{padding:1rem;overflow-y:visible!important;overflow-x:hidden;height:auto}.top-header{padding:.75rem 1rem;flex-wrap:nowrap;gap:.75rem}.top-header .header-left{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.75rem;overflow:hidden}.top-header .header-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.5rem;margin-left:auto}@media (max-width: 767.98px) {
    .top-header {
        padding: 0.75rem 1rem;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .top-header .header-left {
        flex: 0 0 auto;
        order: 1;
    }
    
    .top-header .header-right {
        width: 100%;
        flex: 1 1 100%;
        order: 2;
        justify-content: flex-start;
        margin-left: 0;
    }
    
    .header-actions {
        width: 100%;
        justify-content: flex-start;
        gap: 0.5rem;
    }
    
    .header-actions .btn {
        flex: 1 1 auto;
        min-width: auto;
    }
    
    .header-actions .dropdown {
        flex: 1 1 auto;
    }
}@media (max-width: 575.98px) {
    .top-header {
        padding: 0.625rem 0.75rem;
    }
    
    .header-actions .btn {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }
    
    .header-actions .btn i {
        margin: 0;
    }
    
    #selectedShopName {
        max-width: 120px;
    }
}.mobile-sidebar-toggle{display:block!important;margin-right:1rem}.dropdown-menu{position:absolute!important;transform:none!important;max-width:calc(100vw - 2rem)}}@media (min-width:768px) and (max-width:991px){.sidebar{width:200px}.sidebar.mobile-open{width:200px}.page-content{padding:1.5rem;overflow-y:visible!important;overflow-x:hidden;height:auto}.top-header{padding:.875rem 1.5rem}}@media (min-width:1400px){.container-fluid{max-width:1400px;margin:0 auto;padding-left:2rem;padding-right:2rem}.sidebar{width:260px}.main-content{margin-left:260px;overflow-y:visible!important;overflow-x:hidden;height:auto;max-height:none!important}.page-content{padding:2.5rem;overflow-y:visible!important;overflow-x:hidden;height:auto}.card-body{padding:1.5rem}}@media (min-width:1920px){.container-fluid{max-width:1600px}.page-content{padding:3rem;overflow-y:visible!important;overflow-x:hidden;height:auto}}.card{border:none;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1) , 0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;background:#fff;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1) , 0 10px 10px -5px rgba(0,0,0,.04)}.card-hover{transition:transform .3s ease , box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.card-header{background:linear-gradient(135deg,var(--gray-50),white);border-bottom:1px solid var(--gray-200);border-radius:16px 16px 0 0!important;font-weight:600;color:var(--gray-800)}.stat-card{border-radius:16px;border:none;overflow:hidden;position:relative;transition:all .3s ease}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.stat-card.bg-primary::before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.bg-success::before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.bg-info::before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.bg-warning::before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn{border-radius:12px;font-weight:600;padding:12px 24px;transition:all .3s ease;border:none;position:relative;overflow:hidden;text-transform:none;letter-spacing:.025em}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#6b46c1);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff}.btn-info{background:linear-gradient(135deg,var(--info-color),#1d4ed8);color:#fff}.btn-warning{background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff}.btn-outline-primary{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline-primary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.form-control,.form-select{border-radius:12px;border:2px solid var(--gray-200);padding:12px 16px;transition:all .3s ease;background:#fff;font-size:.95rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(102,126,234,.1);outline:none}.form-label{font-weight:600;color:var(--gray-700);margin-bottom:8px;font-size:.9rem}.form-text{font-size:.8rem;color:var(--gray-500)}.table{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background:#fff}.table thead th{background:var(--gray-50);border:none;font-weight:700;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;padding:16px}.table tbody td{padding:16px;border-color:var(--gray-100);vertical-align:middle;color:var(--gray-700)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:var(--gray-50);transform:scale(1.01)}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none}.datatable-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.datatable-footer .dataTables_info{margin:0;font-size:.9rem;color:var(--gray-600)}.datatable-footer .dataTables_paginate{margin:0;display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.datatable-footer .dataTables_paginate .paginate_button{border-radius:12px!important;border:1px solid var(--gray-200)!important;background:#fff!important;color:var(--gray-700)!important;font-weight:600!important;font-size:.85rem!important;line-height:1!important;min-width:40px!important;height:34px!important;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;transition:all .2s ease!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important}.datatable-footer .dataTables_paginate .paginate_button.current,.datatable-footer .dataTables_paginate .paginate_button.current:hover{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 10px rgba(124,58,237,.35)!important}.datatable-footer .dataTables_paginate .paginate_button:hover{background:var(--gray-50)!important;color:var(--gray-900)!important}.datatable-footer .dataTables_paginate .paginate_button.next,.datatable-footer .dataTables_paginate .paginate_button.previous{padding:0 16px!important;min-width:60px!important;font-size:.85rem!important}.datatable-footer .dataTables_paginate .paginate_button.previous::before{content:'\f053';font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;margin-right:6px}.datatable-footer .dataTables_paginate .paginate_button.next::after{content:'\f054';font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;margin-left:6px}@media (max-width:640px){.datatable-footer{flex-direction:column;align-items:flex-start}.datatable-footer .dataTables_paginate{width:100%;justify-content:flex-start;flex-wrap:wrap}}.alert{border:none;border-radius:12px;padding:16px 20px;font-weight:500;position:relative;overflow:hidden}.alert::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));color:#065f46;border-left:4px solid var(--success-color)}.alert-danger{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));color:#991b1b;border-left:4px solid var(--danger-color)}.alert-warning{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.1));color:#92400e;border-left:4px solid var(--warning-color)}.alert-info{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(29,78,216,.1));color:#1e40af;border-left:4px solid var(--info-color)}.badge{border-radius:8px;font-weight:600;padding:6px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.dashboard-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:60px 0;margin-bottom:40px;border-radius:0 0 24px 24px;position:relative;overflow:hidden}.dashboard-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 100\ 100\"><defs><pattern\ id=\"grain\"\ width=\"100\"\ height=\"100\"\ patternUnits=\"userSpaceOnUse\"><circle\ cx=\"50\"\ cy=\"50\"\ r=\"1\"\ fill=\"rgba\(255,255,255,0.1\)\"/></pattern></defs><rect\ width=\"100\"\ height=\"100\"\ fill=\"url\(%23grain\)\"/></svg>);opacity:.3}.dashboard-title{font-size:3rem;font-weight:800;margin-bottom:16px;position:relative;z-index:1}.dashboard-subtitle{font-size:1.25rem;opacity:.9;font-weight:400;position:relative;z-index:1}.file-upload-area{border:2px dashed var(--gray-300);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#fff;position:relative;overflow:hidden}.file-upload-area::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));opacity:0;transition:opacity .3s ease}.file-upload-area:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.file-upload-area:hover::before{opacity:1}.file-upload-area.dragover{border-color:var(--primary-color);background:rgba(102,126,234,.1)}.progress{height:8px;border-radius:4px;background-color:var(--gray-200);overflow:hidden}.progress-bar{border-radius:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:width .6s ease}.modal{z-index:1060!important}.modal-dialog{z-index:1061!important;position:relative}.modal-content{border:none;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.25);backdrop-filter:blur(10px);background:rgba(255,255,255,.95);z-index:1062!important;position:relative}.modal-header{border-bottom:1px solid var(--gray-200);border-radius:16px 16px 0 0;background:linear-gradient(135deg,var(--gray-50),white);position:relative;z-index:1}.modal-header .btn-close{position:absolute;top:15px;right:15px;z-index:2;opacity:1}.modal-footer{border-top:1px solid var(--gray-200);border-radius:0 0 16px 16px;background:var(--gray-50)}.fade-in{animation:fadeIn .6s ease-in}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.bounce-in{animation:bounceIn .6s ease-out}@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}@keyframes slideInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}@keyframes bounceIn {
    0% { opacity: 0; transform: scale(0.3); }
    50% { opacity: 1; transform: scale(1.05); }
    70% { transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1); }
}.loading{position:relative;overflow:hidden}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading {
    0% { left: -100%; }
    100% { left: 100%; }
}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-soft{box-shadow:0 2px 15px rgba(0,0,0,.08)!important}.shadow-medium{box-shadow:0 4px 25px rgba(0,0,0,.1)!important}.shadow-strong{box-shadow:0 8px 40px rgba(0,0,0,.15)!important}.dropdown{z-index:1060}.dropdown-menu.show{z-index:1060!important}.navbar-nav .dropdown-menu{z-index:1060!important;position:absolute!important}main.container-fluid{position:relative;z-index:1}@media (max-width:768px){.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.card{margin-bottom:16px}.btn{padding:10px 20px;font-size:.875rem}.navbar-brand{font-size:1.25rem}.file-upload-area{padding:2rem 1rem}}@media (max-width:576px){.dashboard-hero{padding:40px 0}.dashboard-title{font-size:1.75rem}.btn{padding:8px 16px;font-size:.8rem}}@media print{.navbar,.btn,.modal,footer{display:none!important}.card{box-shadow:none;border:1px solid var(--gray-300)}body{background-color:#fff;color:#000}}@media (prefers-color-scheme:dark){:root{--light-color:#1e293b;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#fff;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-surface-elevated:#334155;--dark-text-primary:#f1f5f9;--dark-text-secondary:#cbd5e1;--dark-border:#334155}body{background-color:var(--gray-50);color:var(--gray-800)}.card{background:var(--gray-100);color:var(--gray-800);border-color:var(--dark-border)}.card-header{background:var(--dark-surface-elevated);border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}.card-body{background:var(--gray-100);color:var(--gray-800)}.navbar{background:rgba(15,23,42,.95)!important;border-bottom-color:var(--dark-border)}.top-header{background:var(--dark-surface);border-bottom:1px solid var(--dark-border);color:var(--dark-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-sidebar-toggle{border-color:var(--dark-border);color:var(--dark-text-secondary);background:var(--dark-surface-elevated)}.mobile-sidebar-toggle:hover{background:var(--dark-surface-elevated);color:var(--dark-text-primary);border-color:var(--gray-400)}.main-content{background:var(--gray-50)}.page-content{background:var(--gray-50);color:var(--gray-800)}.form-control,.form-select,.form-input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea,select{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{background-color:var(--dark-surface-elevated);border-color:var(--primary-color);color:var(--dark-text-primary)}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--gray-500)}.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning{border-color:var(--dark-border);color:var(--dark-text-primary)}.btn-outline-primary:hover,.btn-outline-secondary:hover{background-color:var(--dark-surface-elevated);border-color:var(--primary-color)}.table{color:var(--dark-text-primary);background-color:var(--dark-surface)}.table thead th{background-color:var(--dark-surface-elevated);border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}.table tbody tr{border-bottom-color:var(--dark-border)}.table tbody tr:hover{background-color:var(--dark-surface-elevated)}.table-striped tbody tr:nth-of-type(odd) {background-color:var(--dark-surface)}.table-striped tbody tr:nth-of-type(even) {background-color:var(--gray-100)}.table-hover tbody tr:hover{background-color:var(--dark-surface-elevated)}.dropdown-menu{background-color:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.dropdown-item{color:var(--dark-text-primary)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--dark-surface-elevated);color:var(--dark-text-primary)}.dropdown-header{color:var(--dark-text-secondary)}.dropdown-divider{border-top-color:var(--dark-border)}.alert{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.alert-success{background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#10b981}.alert-danger{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.alert-warning{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.alert-info{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.modal-content{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.modal-header{background-color:var(--dark-surface-elevated);border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}.modal-footer{border-top-color:var(--dark-border)}.modal-body{background-color:var(--dark-surface);color:var(--dark-text-primary)}.btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.badge{color:var(--dark-text-primary)}.badge.bg-secondary{background-color:var(--gray-500)!important;color:var(--dark-text-primary)}.text-muted{color:var(--dark-text-secondary)!important}.text-dark{color:var(--dark-text-primary)!important}.text-gray-600,.text-gray-700,.text-gray-800{color:var(--dark-text-secondary)!important}.bg-white{background-color:var(--dark-surface)!important}.bg-light{background-color:var(--dark-surface-elevated)!important}.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--dark-border)!important}.bg-gray-50,.bg-gray-100{background-color:var(--gray-100)!important}.input-group-text{background-color:var(--dark-surface-elevated);border-color:var(--dark-border);color:var(--dark-text-primary)}.list-group-item{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.list-group-item:hover{background-color:var(--dark-surface-elevated)}.pagination .page-link{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.pagination .page-link:hover{background-color:var(--dark-surface-elevated);border-color:var(--primary-color)}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color)}.tooltip-inner{background-color:var(--dark-surface-elevated);color:var(--dark-text-primary)}.tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:var(--dark-surface-elevated)}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.login-container{background:var(--dark-surface);color:var(--dark-text-primary)}.stat-card,[class*="stat-card"]{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.dataTables_wrapper{color:var(--dark-text-primary)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{color:var(--dark-text-primary)}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.sidebar{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)}.flatpickr-calendar{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}.flatpickr-day{color:var(--dark-text-primary)}.flatpickr-day:hover{background:var(--dark-surface-elevated)}.flatpickr-day.selected{background:var(--primary-color);border-color:var(--primary-color)}.swal2-popup{background:var(--dark-surface)!important;color:var(--dark-text-primary)!important}.swal2-title,.swal2-content{color:var(--dark-text-primary)!important}.swal2-confirm,.swal2-cancel{background-color:var(--primary-color)!important}}[data-theme="dark"]{}[data-theme="dark"] :root{--light-color:#1e293b;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#fff;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-surface-elevated:#334155;--dark-text-primary:#f1f5f9;--dark-text-secondary:#cbd5e1;--dark-border:#334155}[data-theme="dark"] body{background-color:var(--gray-50);color:var(--gray-800)}[data-theme="dark"] .card{background:var(--gray-100);color:var(--gray-800);border-color:var(--dark-border)}[data-theme="dark"] .card-header{background:var(--dark-surface-elevated);border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme="dark"] .top-header{background:var(--dark-surface);border-bottom:1px solid var(--dark-border);color:var(--dark-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme="dark"] .mobile-sidebar-toggle{border-color:var(--dark-border);color:var(--dark-text-secondary);background:var(--dark-surface-elevated)}[data-theme="dark"] .mobile-sidebar-toggle:hover{background:var(--dark-surface-elevated);color:var(--dark-text-primary);border-color:var(--gray-400)}[data-theme="dark"] .page-content{background:var(--gray-50);color:var(--gray-800)}[data-theme="dark"] .form-control,[data-theme="dark"] .form-select,[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="email"],[data-theme="dark"] input[type="password"],[data-theme="dark"] textarea,[data-theme="dark"] select{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme="dark"] .table{color:var(--dark-text-primary);background-color:var(--dark-surface)}[data-theme="dark"] .table thead th{background-color:var(--dark-surface-elevated);border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme="dark"] .bg-white{background-color:var(--dark-surface)!important}[data-theme="dark"] .text-muted{color:var(--dark-text-secondary)!important}[data-theme="light"]{}.sidebar.collapsed .sidebar-nav .nav-link{display:flex!important;align-items:center!important;justify-content:center!important}.sidebar.collapsed .sidebar-nav .nav-link i{display:inline-block!important;visibility:visible!important;opacity:1!important}.sidebar.collapsed .nav-dropdown-toggle{position:relative}.sidebar.collapsed .nav-dropdown-toggle::after{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.7rem;opacity:.7;pointer-events:none}.sidebar.collapsed .nav-item.open .nav-dropdown-toggle::after{opacity:.8}.sidebar.collapsed .sidebar-brand i{display:inline-block!important;visibility:visible!important;opacity:1!important}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-responsive table{margin-bottom:0;width:100%;min-width:600px}.table-responsive::after{content:'';position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05));pointer-events:none;opacity:0;transition:opacity .3s ease}.table-responsive:hover::after{opacity:1}.pagination{flex-wrap:wrap;justify-content:center;gap:.25rem}.pagination .page-item{margin:0}.pagination .page-link{min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.875rem;border-radius:.375rem}.pagination-flex{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.pagination-flex>a,.pagination-flex>button{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.875rem;border-radius:.375rem;white-space:nowrap}@media (max-width:767.98px){.row.g-3>[class*="col-"],.row.g-4>[class*="col-"],.row.g-6>[class*="col-"]{margin-bottom:1rem}.btn-group,.btn-toolbar{display:flex;flex-direction:column;width:100%}.btn-group .btn,.btn-toolbar .btn{width:100%;margin-bottom:.5rem}.flex.gap-2,.flex.gap-3,.flex.gap-4{flex-direction:column;gap:.5rem!important}.flex.gap-2>*,.flex.gap-3>*,.flex.gap-4>*{width:100%}.card-body{padding:1rem}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}.modal-content{border-radius:.5rem}.d-flex.flex-row{flex-direction:column!important}.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.dropdown-menu{max-width:calc(100vw - 2rem);left:auto!important;right:0!important}.form-control,.form-select{font-size:16px}.flex-wrap{flex-direction:column}.grid{grid-template-columns:1fr!important}.inline-flex.items-center{width:100%;justify-content:center}.pagination{justify-content:center;gap:.25rem}.pagination .page-link{min-width:36px;min-height:36px;padding:.375rem .5rem;font-size:.8125rem}.pagination-flex,.pagination-custom{flex-wrap:wrap;gap:.375rem;justify-content:center}.pagination-custom>a,.pagination-custom>button{min-width:36px;min-height:36px;padding:.5rem .625rem;font-size:.8125rem}.pagination-custom .page-number-mobile-hidden{display:none}@media (min-width: 480px) {
        .pagination-custom .page-number-mobile-hidden {
            display: inline-flex;
        }
    }.flex.gap-2>.inline-flex,.flex.gap-3>.inline-flex,.flex.gap-4>.inline-flex{width:100%}form .flex.justify-end,form .flex.justify-between{flex-direction:column}form .flex.justify-end>*,form .flex.justify-between>*{width:100%}.row.g-2:not(#productsGrid) > [class*="col-"],
    .row.g-3:not(#productsGrid) > [class*="col-"],
    .row.g-4:not(#productsGrid) > [class*="col-"] {width:100%!important;margin-bottom:1rem}.table-responsive{border-radius:.5rem}.table-responsive table{font-size:.875rem}.table-responsive th,.table-responsive td{padding:.5rem!important;white-space:nowrap}.table-responsive .d-none-mobile{display:none!important}.product-card .card-body{padding:.75rem!important}.product-card .card-header{padding:.75rem!important;flex-wrap:wrap;gap:.5rem;font-size:.9rem}.product-card .card-header h5,.product-card .card-header h6{font-size:.95rem;line-height:1.4;word-break:break-word}.product-card .card-footer{padding:.5rem!important}.product-card .badge{font-size:.7rem!important;padding:.25rem .5rem!important;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.product-card .btn-sm{font-size:.8rem!important;padding:.5rem .75rem!important;min-height:36px!important;min-width:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.25rem}.product-card .btn i{font-size:.875rem}.product-card .btn span{font-size:.8rem}.product-card .btn-group,.product-card .btn-toolbar{flex-direction:column;width:100%}.product-card .btn-group .btn,.product-card .btn-toolbar .btn{width:100%;margin-bottom:.25rem;border-radius:.375rem!important}.product-card .card-footer .d-flex{gap:.5rem!important}.product-card .card-footer .btn{flex:1 1 auto;min-width:calc(50% - .25rem)}.product-card img{max-width:100%;height:auto}.product-card .small{font-size:.85rem}.product-card code{font-size:.8rem;word-break:break-all}.product-card .text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .card .card{border:1px solid rgba(0,0,0,.1)}.product-card .card .card-body{padding:.5rem!important}.product-card .badge,.badge{white-space:nowrap;display:inline-flex;align-items:center;line-height:1.2}.product-card .card-header h5,.product-card .card-header h6{word-break:break-word;overflow-wrap:break-word;hyphens:auto}.product-card .row.g-2>[class*="col-"]{margin-bottom:.5rem}.product-card .card-header{word-wrap:break-word;overflow-wrap:break-word}.product-card .card-header .form-check{position:absolute;left:.75rem;top:.75rem;z-index:10}.product-card .card-body .row{margin-left:0;margin-right:0}.product-card .d-flex.gap-2 img{flex-shrink:0}.product-card .card-header .badge,.product-card .card-body .badge{margin-bottom:.25rem}.product-card code{font-size:.75rem;background-color:rgba(0,0,0,.05);padding:.125rem .375rem;border-radius:.25rem;word-break:break-all}.product-card #variantsSummary{font-size:.85rem;word-break:break-word}.product-card .dropdown-toggle{min-width:32px;min-height:32px;padding:.25rem}.table .btn-sm,.table .btn-outline-primary,.table .btn-outline-danger,.table .btn-outline-success,.table .btn-outline-warning,.table .btn-outline-info{min-width:32px;min-height:32px;padding:.375rem .625rem;font-size:.75rem}.table-responsive{-webkit-overflow-scrolling:touch}.modal-footer .btn{min-height:44px}.gallery-item .btn,.gallery-item form .btn{min-height:36px;width:100%}}@media (min-width:768px) and (max-width:991.98px){.product-card .card-footer .btn{min-width:auto;flex:0 0 auto}.product-card .card-header{padding:1rem!important}.product-card .card-body{padding:1rem!important}.container-fluid{padding-left:1.5rem;padding-right:1.5rem}.row.g-2>.col-6,.row.g-3>.col-6{flex:0 0 auto;width:50%}.row.g-2>.col-md-4,.row.g-3>.col-md-4{flex:0 0 auto;width:33.333333%}}@media (max-width:575.98px){.header-actions{flex-direction:column;width:100%;gap:.5rem}.header-actions .dropdown{width:100%}.header-actions .btn{width:100%}.row.g-2:not(#productsGrid) > [class*="col-"],
    .row.g-3:not(#productsGrid) > [class*="col-"] {width:100%!important;margin-bottom:.5rem}}@media (min-width:992px) and (max-width:1199.98px){.sidebar{width:220px}.main-content{margin-left:220px;overflow-y:visible!important;overflow-x:hidden;height:auto;max-height:none!important}.top-header{padding:.875rem 1.75rem}.page-title{font-size:1.375rem}}@media (min-width:1200px){.top-header{padding:1rem 2rem}}@media (max-width:639.98px){.sm\:flex-row{flex-direction:column!important}.sm\:items-center{align-items:flex-start!important}.sm\:justify-between{justify-content:flex-start!important}.sm\:mb-0{margin-bottom:1rem!important}}