*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f3f4f6;font-family:Arial,sans-serif;overflow-x:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.notification-bell{position:relative;display:inline-block}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .3s;font-size:18px;color:#ffb300}.notification-bell-btn:hover{background:#0000000d}.notification-badge{position:absolute;top:-7px;right:0;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-dropdown{position:absolute;top:45px;right:0;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:slideDown .2s ease}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.notification-dropdown-header h3{margin:0;font-size:16px;color:#333;font-weight:600}.mark-all-btn{background:none;border:none;color:#ef0;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-btn:hover:not(:disabled){background:#e8f5e9}.mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:400px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#e8f5e9}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef0}.notification-item-icon{font-size:24px;min-width:40px;text-align:center}.notification-item-content{flex:1}.notification-item-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.notification-item-message{font-size:13px;color:#666;margin-bottom:4px;line-height:1.4}.notification-item-time{font-size:11px;color:#999}.notification-delete-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.notification-delete-btn:hover{color:#dc3545;background:#f0f0f0}.notification-dropdown-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #eee;font-size:12px}.notification-dropdown-footer button{background:none;border:none;cursor:pointer;color:#ef0;padding:4px 8px;border-radius:4px;transition:all .2s}.notification-dropdown-footer button:hover:not(:disabled){background:#e8f5e9}.notification-dropdown-footer button:disabled{color:#ccc;cursor:not-allowed}.notification-loading,.notification-empty{text-align:center;padding:40px;color:#999}.notification-empty svg{font-size:40px;margin-bottom:12px;color:#ccc}.users-search-box{position:relative;flex:1;max-width:400px}.users-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.users-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e5e7eb;border-radius:8px}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:20px}.action-buttons{display:flex;gap:10px}.btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:.2s}.btn-primary{background:#16a34a;color:#fff}.btn-primary:hover{background:#15803d}.btn-success{background:#2563eb;color:#fff}.btn-success:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{text-align:left;padding:14px;font-size:14px;font-weight:600}.data-table td{padding:14px;border-top:1px solid #f1f1f1;font-size:14px}.data-table tr:hover{background:#f9fafb}.user-info-cell{display:flex;align-items:center;gap:10px}.user-avatar-small{width:34px;height:34px;border-radius:50%;object-fit:cover}.user-avatar-small.default{background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-weight:500}.user-username{font-size:12px;color:var(--admin-text-secondary)}[data-theme=dark] .table-container{background:var(--admin-bg-card)}[data-theme=dark] .data-table thead{background:#1e293b}[data-theme=dark] .data-table th,[data-theme=dark] .data-table td{color:var(--admin-text-primary);border-top-color:var(--admin-border)}[data-theme=dark] .data-table td{background:var(--admin-bg-card)}[data-theme=dark] .users-search-input{background:var(--admin-input-bg);border-color:var(--admin-border);color:var(--admin-text-primary)}[data-theme=dark] .users-search-input::placeholder{color:var(--admin-text-secondary)}[data-theme=dark] .btn-secondary{background:#374151;color:#e5e7eb}[data-theme=dark] .pagination-btn{background:#1e293b;border-color:var(--admin-border);color:var(--admin-text-primary)}[data-theme=dark] .pagination-btn.active{background:#16a34a;color:#fff}[data-theme=dark] .items-per-page-select{background:#1e293b;border-color:var(--admin-border);color:var(--admin-text-primary)}[data-theme=dark] .modal-content{background:var(--admin-bg-card)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--admin-border)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--admin-input-bg);border-color:var(--admin-border);color:var(--admin-text-primary)}[data-theme=dark] .user-avatar-small.default{background:#2e7d32;color:#fff}[data-theme=dark] .status-badge.active{background:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.inactive{background:#7f1d1d;color:#fff}[data-theme=dark] .action-btn.view{background:#1e3a5f;color:#fff}[data-theme=dark] .action-btn.edit{background:#4d3e1f;color:#fff}[data-theme=dark] .action-btn.delete{background:#3f1e1e;color:#fff}[data-theme=dark] .data-table thead tr{background-color:#1e293b!important}[data-theme=dark] .data-table thead th{background-color:#1e293b!important;color:var(--admin-text-primary)!important}[data-theme=dark] .data-table thead th:hover{background-color:#2d3a4e!important;cursor:default}[data-theme=dark] .data-table thead tr:hover,[data-theme=dark] .data-table thead tr:hover th{background-color:#1e293b!important}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-cell{display:flex;gap:6px}.action-btn{border:none;padding:6px;border-radius:6px;cursor:pointer}.action-btn.view{background:#e0f2fe}.action-btn.edit{background:#fef9c3}.action-btn.delete{background:#fee2e2}.empty-table{text-align:center;padding:40px;color:#9ca3af}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.pagination-controls{display:flex;gap:6px}.pagination-btn{border:1px solid #e5e7eb;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.pagination-btn.active{background:#16a34a;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.items-per-page-select{padding:6px 8px;border-radius:6px;border:1px solid #e5e7eb}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;width:600px;border-radius:10px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid #eee}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/3}.form-group input,.form-group select,.form-group textarea{padding:8px;border-radius:6px;border:1px solid #e5e7eb}.error{border-color:red}.error-message{font-size:12px;color:red}.alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;margin-bottom:10px}.alert-error{background:#fee2e2;color:#991b1b}.loading-spinner{text-align:center;padding:40px}.spinner{width:30px;height:30px;border:3px solid #e5e7eb;border-top:3px solid #16a34a;border-radius:50%;animation:spin 1s linear infinite;margin:auto}.toast{pointer-events:auto;min-width:300px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026,0 3px 10px #0000001a;overflow:hidden;animation:slideInRight .3s ease forwards;border-left:4px solid transparent}.toast.warning{border-left-color:#f59e0b}.toast.info{border-left-color:#3b82f6}.toast-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-icon.warning{color:#f59e0b}.toast-icon.info{color:#3b82f6}.toast-message{flex:1;font-size:14px;font-weight:500;color:#1f2937;line-height:1.5}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#4b5563}.toast-progress{height:3px;background:#e5e7eb;width:100%}.toast-progress-bar{height:100%;width:100%;animation:progress 3s linear forwards}.toast.success .toast-progress-bar{background:#10b981}.toast.error .toast-progress-bar{background:#ef4444}.toast.warning .toast-progress-bar{background:#f59e0b}.toast.info .toast-progress-bar{background:#3b82f6}@keyframes progress{0%{width:100%}to{width:0%}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:20px;width:90%;max-width:450px;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-dialog-header{padding:24px 24px 16px;text-align:center}.confirm-dialog-icon{margin-bottom:16px}.confirm-dialog-icon svg{width:56px;height:56px}.confirm-dialog-icon.warning svg{color:#f59e0b}.confirm-dialog-icon.success svg{color:#10b981}.confirm-dialog-icon.error svg{color:#ef4444}.confirm-dialog-icon.info svg{color:#3b82f6}.confirm-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.confirm-dialog-title.warning{color:#f59e0b}.confirm-dialog-title.success{color:#10b981}.confirm-dialog-title.error{color:#ef4444}.confirm-dialog-title.info{color:#3b82f6}.confirm-dialog-message{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:24px;padding:0 24px}.confirm-dialog-actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #f3f4f6}.confirm-dialog-btn{flex:1;padding:12px 20px;border-radius:12px;font-weight:600;font-size:15px;transition:all .2s;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-dialog-btn.cancel{background:#f3f4f6;color:#4b5563}.confirm-dialog-btn.cancel:hover{background:#e5e7eb;color:#1f2937}.confirm-dialog-btn.confirm{background:#10b981;color:#fff}.confirm-dialog-btn.confirm:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.confirm-dialog-btn.confirm.success{background:#10b981}.confirm-dialog-btn.confirm.success:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.confirm-dialog-btn.confirm.error{background:#ef4444}.confirm-dialog-btn.confirm.error:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.confirm-dialog-btn.confirm.info{background:#3b82f6}.confirm-dialog-btn.confirm.info:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.confirm-dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.confirm-dialog-close:hover{background:#f3f4f6;color:#4b5563}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;border-left:4px solid transparent}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}[data-theme=dark] .data-table td,[data-theme=dark] .data-table th,[data-theme=dark] .user-name,[data-theme=dark] .user-username,[data-theme=dark] .user-info-cell div,[data-theme=dark] .user-info-cell .user-name,[data-theme=dark] .user-info-cell .user-username,[data-theme=dark] .status-badge.active,[data-theme=dark] .status-badge.inactive{color:#fff!important}[data-theme=dark] .action-btn svg{color:#fff!important}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-enter{animation:slideInRight .3s ease forwards}.toast-exit{animation:slideOutRight .3s ease forwards}@media(max-width:640px){.toast{min-width:auto;width:calc(100vw - 40px);max-width:none}.confirm-dialog{width:calc(100% - 32px);margin:16px}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-btn{width:100%}}@media(prefers-color-scheme:dark){.toast{background:#1f2937}.toast-message{color:#f3f4f6}.toast-close{color:#6b7280}.toast-close:hover{background:#374151;color:#e5e7eb}.confirm-dialog{background:#1f2937}.confirm-dialog-message{color:#9ca3af}.confirm-dialog-actions{border-top-color:#374151}.confirm-dialog-btn.cancel{background:#374151;color:#e5e7eb}.confirm-dialog-btn.cancel:hover{background:#4b5563}.confirm-dialog-close{color:#6b7280}.confirm-dialog-close:hover{background:#374151;color:#e5e7eb}}:root{--admin-primary: #10b981;--admin-primary-hover: #059669;--admin-primary-soft: rgba(16, 185, 129, .12);--admin-bg-page: #f1f5f9;--admin-bg-sidebar: #ffffff;--admin-bg-card: #ffffff;--admin-text-primary: #0f172a;--admin-text-secondary: #475569;--admin-border: #e2e8f0;--admin-input-bg: #f8fafc;--admin-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--admin-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=dark]{--admin-bg-page: #0f172a;--admin-bg-sidebar: #1e293b;--admin-bg-card: #1e293b;--admin-text-primary: #f1f5f9;--admin-text-secondary: #94a3b8;--admin-border: #334155;--admin-input-bg: #0f172a;--admin-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--admin-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--admin-bg-page);color:var(--admin-text-primary);transition:background-color .2s ease,color .2s ease}.admin-container{display:flex;min-height:100vh}.sidebar{width:280px;height:100vh;background:var(--admin-bg-sidebar);border-right:1px solid var(--admin-border);position:fixed;display:flex;flex-direction:column;box-shadow:var(--admin-shadow-sm);transition:all .2s ease}.sidebar-logo{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--admin-border)}.logo-icon{width:40px;height:40px;background-color:var(--admin-primary-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.logo-text{font-weight:700;color:var(--admin-primary);font-size:16px;line-height:1.3}.sidebar-nav{flex:1;padding:20px 16px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--admin-text-secondary);font-size:14px;font-weight:500;margin-bottom:4px;cursor:pointer;transition:all .2s}.sidebar-menu-item:hover{background-color:var(--admin-primary-soft);color:var(--admin-primary)}.sidebar-menu-item.active{background-color:var(--admin-primary-soft);color:var(--admin-primary);border-right:3px solid var(--admin-primary)}.main-content{margin-left:280px;flex:1;padding:24px 32px;background:var(--admin-bg-page);transition:background .2s}.header{display:flex;justify-content:space-between;align-items:center;background:var(--admin-bg-sidebar);padding:12px 24px;border-radius:12px;box-shadow:var(--admin-shadow-sm);margin-bottom:24px;border:1px solid var(--admin-border);transition:all .2s}.search-box{position:relative;width:400px}.search-box input{width:100%;padding:10px 16px 10px 44px;border:1px solid var(--admin-border);border-radius:40px;background-color:var(--admin-input-bg);font-size:14px;outline:none;transition:all .2s;color:var(--admin-text-primary)}.search-box input:focus{border-color:var(--admin-primary);background-color:var(--admin-bg-sidebar);box-shadow:0 0 0 3px var(--admin-primary-soft)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--admin-text-secondary);font-size:16px}.user-info{display:flex;align-items:center;gap:12px}.notification-btn{position:relative;width:40px;height:40px;border:none;background:var(--admin-input-bg);border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-btn:hover{background:var(--admin-primary-soft);color:var(--admin-primary)}.notification-dot{position:absolute;top:10px;right:12px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--admin-bg-sidebar)}.avatar-container{position:relative;display:inline-block;height:50px;margin-top:9px}.user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid var(--admin-border);box-shadow:var(--admin-shadow-sm);cursor:pointer;transition:all .2s ease}.user-avatar:hover{transform:scale(1.05);border-color:var(--admin-primary)}.user-avatar.active{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-soft)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--admin-bg-sidebar);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:dropdownFadeIn .2s ease;border:1px solid var(--admin-border)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.dropdown-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--admin-primary)}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-user-name{font-weight:600;font-size:15px;color:var(--admin-text-primary);margin-bottom:4px}.dropdown-user-email{font-size:12px;color:var(--admin-text-secondary)}.dropdown-divider{height:1px;background:var(--admin-border);margin:4px 0}.dropdown-menu{list-style:none;padding:8px;margin:0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--admin-text-secondary)}.dropdown-item:hover{background-color:var(--admin-primary-soft);color:var(--admin-primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background-color:#ef44441a}.dropdown-icon{font-size:18px;width:24px;text-align:center}.avatar-dropdown:before{content:"";position:absolute;top:-8px;right:16px;width:16px;height:16px;background:var(--admin-bg-sidebar);transform:rotate(45deg);box-shadow:-2px -2px 5px #0000000a;border-top:1px solid var(--admin-border);border-left:1px solid var(--admin-border)}.dashboard-title{font-size:24px;font-weight:700;color:var(--admin-text-primary);margin-bottom:24px}.stat-card{background:var(--admin-bg-card);padding:20px;border-radius:16px;border:1px solid var(--admin-border);display:flex;align-items:center;gap:16px;transition:all .2s;box-shadow:var(--admin-shadow-sm)}.stat-card:hover{box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.green{background-color:#10b98126;color:#10b981}.stat-icon.orange{background-color:#f59e0b26;color:#f59e0b}.stat-icon.blue{background-color:#3b82f626;color:#3b82f6}.stat-icon.red{background-color:#ef444426;color:#ef4444}.stat-info h4{font-size:14px;font-weight:500;color:var(--admin-text-secondary);margin-bottom:4px}.stat-info p{font-size:24px;font-weight:700;color:var(--admin-text-primary)}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:var(--admin-bg-card);padding:20px;border-radius:16px;border:1px solid var(--admin-border);box-shadow:var(--admin-shadow-sm)}.chart-header h3{font-size:16px;font-weight:600;color:var(--admin-text-primary)}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--admin-primary);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.download-btn:hover{background-color:var(--admin-primary-hover)}.chart-container{height:250px;width:100%}.pie-legend{margin-top:16px;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.legend-label{display:flex;align-items:center;gap:8px;color:var(--admin-text-secondary)}.legend-color{width:10px;height:10px;border-radius:50%}.legend-value{font-weight:600;color:var(--admin-text-primary)}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.bottom-card{background:var(--admin-bg-card);padding:20px;border-radius:16px;border:1px solid var(--admin-border);min-height:300px;box-shadow:var(--admin-shadow-sm)}.bottom-card h3{font-size:16px;font-weight:600;color:var(--admin-text-primary);margin-bottom:16px}.empty-state{text-align:center;color:var(--admin-text-secondary);padding:60px 0;font-size:14px}.spinner{border:3px solid var(--admin-border);border-top:3px solid var(--admin-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@media(max-width:768px){.sidebar{width:80px}.sidebar-logo .logo-text,.sidebar-menu-item span{display:none}.sidebar-menu-item{justify-content:center;padding:12px}.main-content{margin-left:80px;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.bottom-grid{grid-template-columns:1fr}.search-box{width:200px}.avatar-dropdown{width:240px;right:-20px}.avatar-dropdown:before{right:30px}}[data-theme=dark] .dashboard-title{color:#fff}[data-theme=dark] .stat-card{background:var(--admin-bg-card);border-color:var(--admin-border)}[data-theme=dark] .stat-info h4{color:var(--admin-text-secondary)}[data-theme=dark] .stat-info p{color:#fff}[data-theme=dark] .chart-card{background:var(--admin-bg-card);border-color:var(--admin-border)}[data-theme=dark] .chart-header h3{color:#fff}[data-theme=dark] .download-btn{background:#2e7d32;color:#fff}[data-theme=dark] .download-btn:hover{background:#1b5e20}[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:#334155}[data-theme=dark] .recharts-text{fill:#cbd5e1!important}[data-theme=dark] .recharts-tooltip-wrapper{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-tooltip-label,[data-theme=dark] .recharts-tooltip-wrapper .recharts-tooltip-item{color:#f1f5f9!important}[data-theme=dark] .legend-item span:first-child{color:#cbd5e1}[data-theme=dark] .legend-value{color:#fff}[data-theme=dark] .bottom-card{background:var(--admin-bg-card);border-color:var(--admin-border)}[data-theme=dark] .bottom-card h3{color:#fff}[data-theme=dark] .empty-state{color:#94a3b8}@media(max-width:768px){.chart-container{min-height:250px!important}}@media(max-width:640px){.charts-grid{grid-template-columns:1fr!important}.chart-container{min-height:280px!important}}.shop-header{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 4px 20px #22c55e14;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000;border-bottom:2px solid rgba(34,197,94,.15)}.shop-header__left{display:flex;align-items:center;gap:20px}.shop-header__menu-btn{background:linear-gradient(135deg,#22c55e,#15803d);border:none;font-size:1.2rem;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:12px;transition:all .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #22c55e4d}.shop-header__menu-btn:hover{transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #22c55e66}.shop-header__logo{display:flex;align-items:center;gap:12px}.shop-header__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.shop-header__logo h2{font-size:1.3rem;background:linear-gradient(135deg,#166534,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700;letter-spacing:-.5px}.shop-header__search{flex:1;max-width:500px;position:relative;margin:0 20px;transition:all .3s}.shop-header__search.focused{transform:scale(1.02)}.shop-header__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1rem;transition:all .3s}.shop-header__search.focused .shop-header__search-icon{color:#15803d;transform:translateY(-50%) scale(1.1)}.shop-header__search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid rgba(34,197,94,.2);border-radius:30px;font-size:.95rem;transition:all .3s;background:#fff;font-weight:500}.shop-header__search-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.shop-header__search-input::placeholder{color:#94a3b8}.shop-header__right{display:flex;align-items:center;gap:20px}.shop-header__actions{display:flex;align-items:center;gap:12px}.shop-header__action-btn{position:relative;background:transparent;border:none;font-size:1.2rem;color:#166534;cursor:pointer;width:40px;height:40px;border-radius:12px;transition:all .3s;display:flex;align-items:center;justify-content:center}.shop-header__action-btn:hover{background:#22c55e1a;transform:translateY(-2px);color:#15803d}.shop-header__badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.65rem;min-width:18px;height:18px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600;animation:pulse-orange 1.5s infinite}@keyframes pulse-orange{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-header__notification-wrapper,.shop-header__notification,.shop-header__user{position:relative}.shop-header__user-btn{display:flex;align-items:center;gap:12px;background:transparent;border:2px solid rgba(34,197,94,.2);cursor:pointer;padding:6px 12px 6px 8px;border-radius:40px;transition:all .3s}.shop-header__user-btn:hover{background:#22c55e0d;border-color:#22c55e;transform:translateY(-2px)}.shop-header__avatar-icon{font-size:2rem;color:#22c55e}.shop-header__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #22c55e}.shop-header__user-name{font-size:.9rem;color:#166534;font-weight:600}.shop-header__arrow{font-size:.8rem;color:#22c55e;transition:transform .3s}.shop-header__arrow.rotated{transform:rotate(180deg)}.shop-header__user-dropdown{position:absolute;top:100%;right:0;width:300px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001f;margin-top:12px;z-index:1000;overflow:hidden;animation:slideDown .3s ease;border:1px solid rgba(34,197,94,.2)}.shop-header__dropdown-header{padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(34,197,94,.2)}.shop-header__dropdown-avatar{width:50px;height:50px;border-radius:25px;background:linear-gradient(135deg,#22c55e,#15803d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.shop-header__dropdown-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.shop-header__dropdown-info{flex:1}.shop-header__dropdown-name{margin:0 0 4px;font-weight:700;color:#166534;font-size:1rem}.shop-header__dropdown-email{margin:0;font-size:.8rem;color:#15803d}.shop-header__dropdown-menu{list-style:none;padding:8px 0;margin:0}.shop-header__dropdown-menu li{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .3s;color:#334155;font-size:.9rem}.shop-header__dropdown-menu li:hover{background:#22c55e0d;color:#15803d;padding-left:28px}.shop-header__dropdown-menu li.divider{height:1px;padding:0;background:linear-gradient(90deg,transparent,#22c55e,transparent);margin:8px 0;cursor:default}.shop-header__dropdown-menu li.logout{color:#ef4444}.shop-header__dropdown-menu li.logout:hover{background:#ef44440d;color:#dc2626}.shop-sidebar{position:fixed;left:0;top:70px;bottom:0;width:280px;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:4px 0 24px #22c55e14;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;border-right:2px solid rgba(34,197,94,.15)}.shop-sidebar.collapsed{width:80px}.shop-sidebar.expanding{width:280px;transition:width .3s cubic-bezier(.4,0,.2,1)}.shop-sidebar::-webkit-scrollbar{width:4px}.shop-sidebar::-webkit-scrollbar-track{background:transparent}.shop-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ade80,#22c55e);border-radius:4px}.shop-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22c55e,#15803d)}.shop-sidebar__header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(34,197,94,.15);position:relative;margin-bottom:8px}.shop-sidebar.collapsed .shop-sidebar__header{justify-content:center;padding:20px 0}.shop-sidebar.expanding .shop-sidebar__header{justify-content:space-between;padding:20px}.shop-sidebar__logo{display:flex;align-items:center;gap:12px;font-weight:700;opacity:1;transition:opacity .2s ease}.shop-sidebar.collapsed:not(.expanding) .shop-sidebar__logo{display:none}.shop-sidebar__logo-icon-wrapper{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #22c55e4d;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 4px 12px #22c55e4d}50%{box-shadow:0 4px 20px #22c55e80}}.shop-sidebar__logo-icon{color:#fff;font-size:1.2rem}.shop-sidebar__logo-text{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.shop-sidebar__toggle-btn{background:#fff;border:2px solid rgba(34,197,94,.3);border-radius:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#22c55e;flex-shrink:0}.shop-sidebar__toggle-btn:hover{background:linear-gradient(135deg,#22c55e,#15803d);border-color:transparent;color:#fff;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #22c55e66}.shop-sidebar.collapsed .shop-sidebar__toggle-btn{margin:0 auto}.shop-sidebar.expanding .shop-sidebar__toggle-btn{margin:0}.shop-sidebar__shop-info{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(34,197,94,.15);position:relative}.shop-sidebar.collapsed .shop-sidebar__shop-info{justify-content:center;padding:20px 0}.shop-sidebar.expanding .shop-sidebar__shop-info{justify-content:flex-start;padding:24px 20px}.shop-sidebar__shop-avatar-wrapper{position:relative;flex-shrink:0}.shop-sidebar__shop-avatar{width:60px;height:60px;border-radius:20px;object-fit:cover;border:3px solid #22c55e;box-shadow:0 6px 14px #22c55e33;transition:all .3s}.shop-sidebar.collapsed .shop-sidebar__shop-avatar{width:48px;height:48px}.shop-sidebar__shop-avatar:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 8px 20px #22c55e4d}.shop-sidebar__shop-status-badge{position:absolute;bottom:2px;right:2px;background:#fff;border-radius:50%;padding:2px}.status-dot{display:block;width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.shop-sidebar__shop-details{flex:1;overflow:hidden;opacity:1;transition:opacity .2s ease}.shop-sidebar.collapsed:not(.expanding) .shop-sidebar__shop-details{display:none}.shop-sidebar__shop-details h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:#166534;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-sidebar__shop-stats{display:flex;align-items:center;gap:12px}.shop-sidebar__shop-rating,.shop-sidebar__shop-orders{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#15803d}.shop-sidebar__shop-rating span,.shop-sidebar__shop-orders span{font-weight:600}.shop-sidebar__nav{flex:1;padding:20px 0}.shop-sidebar__menu{list-style:none;padding:0;margin:0}.shop-sidebar__menu-item{margin:6px 12px;position:relative}.shop-sidebar__menu-link{display:flex;align-items:center;padding:12px 16px;color:#166534;text-decoration:none;border-radius:16px;transition:all .3s ease;position:relative;white-space:nowrap;gap:12px;background:transparent;border:1px solid transparent}.shop-sidebar.collapsed .shop-sidebar__menu-link{justify-content:center;padding:12px}.shop-sidebar.expanding .shop-sidebar__menu-link{justify-content:flex-start;padding:12px 16px}.shop-sidebar__menu-link:hover{background:linear-gradient(135deg,#22c55e1a,#15803d1a);color:#15803d;border-color:#22c55e4d}.shop-sidebar.collapsed .shop-sidebar__menu-link:hover{transform:scale(1.05)}.shop-sidebar.expanding .shop-sidebar__menu-link:hover{transform:translate(4px)}.shop-sidebar__menu-link.active{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;font-weight:600;box-shadow:0 4px 12px #22c55e4d;border-color:transparent}.shop-sidebar__menu-link.active .shop-sidebar__menu-icon{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-sidebar__menu-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 2px 8px #ffffff80}.shop-sidebar__menu-icon{font-size:1.2rem;flex-shrink:0;width:24px;text-align:center;transition:transform .3s}.shop-sidebar__menu-link:hover .shop-sidebar__menu-icon{transform:scale(1.1)}.shop-sidebar__menu-title{flex:1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s ease}.shop-sidebar.collapsed:not(.expanding) .shop-sidebar__menu-title{display:none}.shop-sidebar__menu-arrow{opacity:0;transition:all .3s;flex-shrink:0;color:#15803d}.shop-sidebar__menu-link:hover .shop-sidebar__menu-arrow{opacity:1;transform:translate(4px)}.shop-sidebar__menu-link.active .shop-sidebar__menu-arrow{opacity:1;color:#fff}.shop-sidebar__tooltip{position:fixed;left:96px;background:linear-gradient(135deg,#15803d,#166534);color:#fff;padding:8px 14px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap;z-index:1001;pointer-events:none;animation:slideIn .2s ease;box-shadow:0 4px 12px #22c55e4d;border:1px solid rgba(255,255,255,.2)}.shop-sidebar__tooltip:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border-width:6px 8px 6px 0;border-style:solid;border-color:transparent #15803d transparent transparent}@keyframes slideIn{0%{opacity:0;transform:translate(-15px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}.shop-sidebar__footer{padding:20px;border-top:2px solid rgba(34,197,94,.15);margin-top:auto}.shop-sidebar.collapsed .shop-sidebar__footer{padding:20px 0;display:flex;justify-content:center}.shop-sidebar.expanding .shop-sidebar__footer{padding:20px;display:block}.shop-sidebar__upgrade-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:20px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:12px;border:2px solid rgba(34,197,94,.3);transition:all .3s;cursor:pointer}.shop-sidebar.collapsed:not(.expanding) .shop-sidebar__upgrade-card{display:none}.shop-sidebar__upgrade-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #22c55e33;border-color:#22c55e}.shop-sidebar__upgrade-icon{width:40px;height:40px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shop-sidebar__upgrade-content{flex:1}.shop-sidebar__upgrade-content p{margin:0 0 2px;font-size:.8rem;font-weight:700;color:#15803d}.shop-sidebar__upgrade-content span{font-size:.65rem;color:#166534;font-weight:500}.shop-sidebar__upgrade-btn{background:linear-gradient(135deg,#22c55e,#15803d);border:none;padding:6px 14px;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s}.shop-sidebar__upgrade-btn:hover{transform:scale(1.05);box-shadow:0 2px 10px #22c55e80}.shop-sidebar__logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:transparent;border:2px solid rgba(239,68,68,.3);border-radius:16px;color:#ef4444;font-weight:600;cursor:pointer;transition:all .3s}.shop-sidebar.collapsed .shop-sidebar__logout-btn{width:44px;height:44px;padding:0;border-radius:14px}.shop-sidebar.expanding .shop-sidebar__logout-btn{width:100%;padding:12px;border-radius:16px}.shop-sidebar__logout-btn:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.shop-sidebar__logout-icon{font-size:1.2rem}.shop-sidebar__menu-item{position:relative;overflow:hidden}.shop-sidebar__menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .5s;pointer-events:none}.shop-sidebar__menu-item:hover:before{left:100%}.shop-sidebar__submenu-list{margin-top:4px;display:flex;flex-direction:column;gap:2px}.shop-sidebar__submenu-item{margin-left:24px!important;margin-right:12px!important}.shop-sidebar__submenu-item .shop-sidebar__menu-icon{font-size:1.1rem}.shop-sidebar__submenu-item .shop-sidebar__menu-link.active{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translate(4px)}.shop-layout{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.shop-layout__container{display:flex;min-height:calc(100vh - 70px);margin-top:70px;position:relative;width:100%}.shop-layout__content{flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;position:relative;padding:24px;width:calc(100% - 280px);margin-left:280px}.shop-layout__content.expanded{width:calc(100% - 80px);margin-left:80px}.shop-layout__content::-webkit-scrollbar{width:8px}.shop-layout__content::-webkit-scrollbar-track{background:#22c55e0d;border-radius:4px}.shop-layout__content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22c55e,#15803d);border-radius:4px}.shop-layout__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#15803d,#166534)}.shop-layout__content{animation:fadeIn .5s ease}@media(max-width:768px){.shop-layout__container{margin-top:60px;min-height:calc(100vh - 60px)}.shop-layout__content{width:100%!important;margin-left:0!important;padding:16px;height:calc(100vh - 60px)}.shop-header__search,.shop-header__user-name{display:none}.shop-header__logo h2{font-size:1rem}}.dashboard{padding:24px;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.dashboard__title{font-size:2rem;color:#2c3e50;margin:0;font-weight:600}.dashboard__date{color:#7f8c8d;font-size:1rem;background:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 4px #0000000d}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:transparent}.stat-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.stat-card__icon.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-card__icon.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.stat-card__icon.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-card__icon.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.stat-card__content{flex:1;min-width:0}.stat-card__value{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card__label{color:#7f8c8d;margin:0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__charts{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.05)}.chart-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-card__header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.chart-card__export{background:none;border:1px solid #e0e0e0;padding:6px 12px;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .3s}.chart-card__export:hover{background:#3498db;border-color:#3498db;color:#fff}.chart-card__body{height:280px;position:relative}.chart-card__body.doughnut-container{display:flex;flex-direction:column;align-items:center;height:auto;min-height:280px}.doughnut-wrapper{width:200px;height:200px;margin:0 auto}.category-legend{margin-top:16px;width:100%;max-width:250px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.category-item:last-child{border-bottom:none}.category-item span:first-child{display:flex;align-items:center;gap:8px}.category-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.category-dot.blue{background:#36a2eb}.category-dot.green{background:#4bc0c0}.category-dot.yellow{background:#ffce56}.category-percent{font-weight:600;color:#2c3e50}.dashboard__bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard__new-products,.dashboard__recent-activities{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.05);max-height:400px;overflow-y:auto}.dashboard__new-products::-webkit-scrollbar,.dashboard__recent-activities::-webkit-scrollbar{width:4px}.dashboard__new-products::-webkit-scrollbar-track,.dashboard__recent-activities::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.dashboard__new-products::-webkit-scrollbar-thumb,.dashboard__recent-activities::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:sticky;top:0;background:#fff;padding-bottom:8px;z-index:1}.section-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.view-all{background:none;border:none;color:#3498db;cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:background .3s}.view-all:hover{background:#f0f7ff}.products-list,.activities-list{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;transition:background .3s;border:1px solid transparent}.product-item:hover{background:#f8f9fa;border-color:#e0e0e0}.product-item img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.product-info{flex:1;min-width:0}.product-info h4{margin:0 0 4px;font-size:.95rem;color:#2c3e50;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info p{margin:0;font-size:.85rem;color:#27ae60;font-weight:600}.product-status{font-size:.8rem;color:#7f8c8d;background:#f5f5f5;padding:4px 8px;border-radius:12px;white-space:nowrap;flex-shrink:0}.activity-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;transition:background .3s;border:1px solid transparent}.activity-item:hover{background:#f8f9fa;border-color:#e0e0e0}.activity-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f0f7ff,#e3f2fd);color:#3498db;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-content p{margin:0 0 4px;font-size:.95rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-content span{font-size:.8rem;color:#95a5a6}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.1rem;color:#7f8c8d}.chart-card__body{height:280px;position:relative;width:100%;overflow:hidden}.chart-card__body canvas{width:100%!important;height:100%!important}.dashboard,.chart-card,.chart-card__body{transition:all .2s ease}@media(max-width:768px){.chart-card__body{height:240px}}@media(max-width:480px){.chart-card__body{height:200px}}@media(max-width:1400px){.dashboard{padding:20px}}@media(max-width:1200px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__charts,.dashboard__bottom{grid-template-columns:1fr}.doughnut-wrapper{width:180px;height:180px}}@media(max-width:768px){.dashboard{padding:16px}.dashboard__header{flex-direction:column;align-items:flex-start}.dashboard__title{font-size:1.8rem}.stat-card{padding:16px}.stat-card__icon{width:48px;height:48px;font-size:1.5rem}.stat-card__value{font-size:1.5rem}}@media(max-width:480px){.dashboard__stats{grid-template-columns:1fr}}._shop-profile_vanwd_2{padding:24px;max-width:1200px;margin:0 auto}._shop-profile_vanwd_2._loading_vanwd_8{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}._spinner_vanwd_16{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:_spin_vanwd_16 1s linear infinite;margin-bottom:16px}._spinning_vanwd_26{animation:_spin_vanwd_16 1s linear infinite;margin-right:8px}@keyframes _spin_vanwd_16{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._profile-banner_vanwd_37{position:relative;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;margin-bottom:32px}._profile-banner_vanwd_37 img{width:100%;height:100%;object-fit:cover}._banner-placeholder_vanwd_52{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80}._upload-banner-btn_vanwd_61{position:absolute;bottom:16px;right:16px;background:#0009;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}._upload-banner-btn_vanwd_61:hover{background:#000c}._upload-banner-btn_vanwd_61 input{display:none}._profile-section_vanwd_86{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px;overflow:hidden}._section-header_vanwd_94{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}._section-title_vanwd_103{display:flex;align-items:center;gap:12px}._section-title_vanwd_103 svg{color:#667eea;font-size:20px}._section-title_vanwd_103 h2{margin:0;font-size:18px;color:#333}._section-content_vanwd_120{padding:24px}._edit-btn_vanwd_125{background:none;border:1px solid #667eea;color:#667eea;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}._edit-btn_vanwd_125:hover{background:#667eea;color:#fff}._action-buttons_vanwd_144{display:flex;gap:12px}._save-btn_vanwd_149,._cancel-btn_vanwd_149{padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s;border:none}._save-btn_vanwd_149{background:#28a745;color:#fff}._save-btn_vanwd_149:hover:not(:disabled){background:#218838}._save-btn_vanwd_149:disabled{opacity:.5;cursor:not-allowed}._cancel-btn_vanwd_149{background:#dc3545;color:#fff}._cancel-btn_vanwd_149:hover{background:#c82333}._shop-logo-section_vanwd_185{display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}._logo-container_vanwd_193{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;flex-shrink:0}._logo-container_vanwd_193 img{width:100%;height:100%;object-fit:cover}._logo-placeholder_vanwd_209{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}._upload-logo-btn_vanwd_219{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:8px;text-align:center;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s}._upload-logo-btn_vanwd_219:hover{background:#000000e6}._upload-logo-btn_vanwd_219 input{display:none}._shop-stats_vanwd_245{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}._stat-item_vanwd_252{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px}._stat-label_vanwd_259{display:block;color:#666;font-size:13px;margin-bottom:8px}._stat-value_vanwd_266{display:block;font-size:20px;font-weight:600;color:#333}._info-grid_vanwd_274{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}._info-item_vanwd_280{display:flex;flex-direction:column;gap:8px}._info-item_vanwd_280._full-width_vanwd_286{grid-column:1 / -1}._info-item_vanwd_280 label{font-size:13px;color:#666;font-weight:500}._info-item_vanwd_280 p{margin:0;padding:8px 12px;background:#f8f9fa;border-radius:6px;color:#333;font-size:14px;min-height:38px}._info-item_vanwd_280 input,._info-item_vanwd_280 select,._info-item_vanwd_280 textarea{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;width:100%;box-sizing:border-box}._info-item_vanwd_280 input:focus,._info-item_vanwd_280 select:focus,._info-item_vanwd_280 textarea:focus{outline:none;border-color:#667eea}._status-badge_vanwd_326{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}._status-badge_vanwd_326._active_vanwd_334{background:#d4edda;color:#155724}._status-badge_vanwd_326._inactive_vanwd_339{background:#f8d7da;color:#721c24}._owner-avatar-section_vanwd_345{display:flex;justify-content:center;margin-bottom:24px}._avatar-container_vanwd_351{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #667eea}._avatar-container_vanwd_351 img{width:100%;height:100%;object-fit:cover}._avatar-placeholder_vanwd_366{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}._upload-avatar-btn_vanwd_376{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:8px;text-align:center;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s}._upload-avatar-btn_vanwd_376:hover{background:#000000e6}._upload-avatar-btn_vanwd_376 input{display:none}._security-section_vanwd_403 ._section-content_vanwd_120{text-align:center}._change-password-btn_vanwd_407{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:16px;transition:all .3s}._change-password-btn_vanwd_407:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}._modal-overlay_vanwd_428{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal-content_vanwd_441{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}._modal-header_vanwd_449{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}._modal-header_vanwd_449 h3{margin:0;font-size:18px;color:#333}._close-btn_vanwd_463{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s}._close-btn_vanwd_463:hover{color:#dc3545}._modal-body_vanwd_480{padding:24px}._modal-footer_vanwd_484{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}._form-group_vanwd_492{margin-bottom:20px}._form-group_vanwd_492 label{display:block;margin-bottom:8px;color:#555;font-size:14px;font-weight:500}._form-group_vanwd_492 input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}._form-group_vanwd_492 input:focus{outline:none;border-color:#667eea}._error-message_vanwd_519{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}._success-message_vanwd_529{background:#d4edda;color:#155724;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}._add-btn_vanwd_540{background:#2e7d32;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s}._add-btn_vanwd_540:hover{background:#1b5e20;transform:translateY(-1px)}._address-list_vanwd_559{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}._address-card_vanwd_565{background:#f8f9fa;border-radius:12px;padding:16px;border:1px solid #e0e0e0;transition:all .2s;position:relative}._address-card_vanwd_565._default_vanwd_574{border:2px solid #2e7d32;background:#f1f8e9}._address-card_vanwd_565:hover{box-shadow:0 2px 8px #0000001a}._address-header_vanwd_583{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}._address-type_vanwd_592{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}._address-type_vanwd_592 svg{color:#2e7d32}._default-badge_vanwd_604{background:#2e7d32;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;margin-left:8px}._address-actions_vanwd_613{display:flex;gap:8px}._edit-address-btn_vanwd_618,._delete-address-btn_vanwd_619{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}._edit-address-btn_vanwd_618{color:#2e7d32}._edit-address-btn_vanwd_618:hover{background:#2e7d321a}._delete-address-btn_vanwd_619{color:#dc3545}._delete-address-btn_vanwd_619:hover{background:#dc35451a}._address-info_vanwd_644{margin-bottom:12px}._address-info_vanwd_644 p{margin:4px 0;font-size:14px;color:#555}._address-info_vanwd_644 p strong{color:#333}._address-note_vanwd_658{color:#999;font-style:italic;font-size:12px;margin-top:8px;padding-top:8px;border-top:1px dashed #e0e0e0}._set-default-btn_vanwd_667{background:none;border:1px solid #2e7d32;color:#2e7d32;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;width:100%}._set-default-btn_vanwd_667:hover{background:#2e7d32;color:#fff}._empty-state_vanwd_684{text-align:center;padding:40px;color:#999}._empty-state_vanwd_684 svg{margin-bottom:16px}._empty-state_vanwd_684 p{margin-bottom:16px}._add-address-btn_vanwd_698{background:#2e7d32;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px}._address-modal_vanwd_709{max-width:600px!important}._form-row_vanwd_713{display:grid;grid-template-columns:1fr 1fr;gap:16px}._checkbox-label_vanwd_719{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:8px}._checkbox-label_vanwd_719 input{width:auto;cursor:pointer}._checkbox-label_vanwd_719 span{font-weight:400;color:#666}._required_vanwd_737{color:#dc3545;margin-left:4px}@media(max-width:768px){._address-list_vanwd_559{grid-template-columns:1fr}._form-row_vanwd_713{grid-template-columns:1fr;gap:0}}@media(max-width:768px){._shop-profile_vanwd_2{padding:16px}._shop-logo-section_vanwd_185{flex-direction:column;align-items:center}._shop-stats_vanwd_245{width:100%;grid-template-columns:repeat(2,1fr)}._info-grid_vanwd_274{grid-template-columns:1fr}._modal-content_vanwd_441{margin:16px;width:auto}}.shop-customers{padding:24px;max-width:1400px;margin:0 auto}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.customers-title{font-size:24px;color:#333;margin:0}.customers-actions{display:flex;gap:12px;align-items:center}.search-box{position:relative;width:300px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}.export-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.export-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.export-btn:disabled{opacity:.5;cursor:not-allowed}.customers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;margin-bottom:24px}.customers-table{width:100%;border-collapse:collapse;min-width:1000px}.customers-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.customers-table th{padding:16px;text-align:left;font-weight:600;color:#555;font-size:14px}.customers-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px}.customers-table tbody tr:hover{background-color:#f5f5f5}.customer-name{display:flex;align-items:center;gap:12px}.customer-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.address-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spent-cell{font-weight:600;color:#28a745}.pagination-dots{color:#999;margin:0 4px}.customer-detail-modal{width:800px;max-width:90%}.edit-modal{width:500px;max-width:90%}.modal-header h3{margin:0;font-size:16px;color:#555}.customer-info-section,.customer-stats-section,.customer-orders-section{margin-bottom:24px}.customer-info-section h3,.customer-stats-section h3,.customer-orders-section h3{margin:0 0 16px;font-size:16px;color:#555;font-weight:600}.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.info-icon{color:#667eea;font-size:20px;flex-shrink:0}.info-item label{display:block;font-size:12px;color:#999;margin-bottom:4px}.info-item p{margin:0;font-size:14px;color:#333;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.stat-icon{font-size:32px;color:#667eea}.stat-card .stat-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.stat-card .stat-value{display:block;font-size:18px;font-weight:600;color:#333}.orders-table-container{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.orders-table{width:100%;border-collapse:collapse}.orders-table th{padding:12px;background:#f8f9fa;font-weight:600;color:#555;font-size:13px;position:sticky;top:0;z-index:1}.orders-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#333}.order-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.order-status.completed{background:#d4edda;color:#155724}.order-status.pending{background:#fff3cd;color:#856404}.order-status.cancelled{background:#f8d7da;color:#721c24}.form-group label{display:block;margin-bottom:8px;color:#555;font-size:14px;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.save-btn{padding:10px 20px;border:none;background:#28a745;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.save-btn:hover{background:#218838}@media(max-width:768px){.shop-customers{padding:16px}.customers-header{flex-direction:column;align-items:stretch}.customers-actions{flex-direction:column}.search-box{width:100%}.export-btn{width:100%;justify-content:center}.info-grid,.stats-grid{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}.shop-products{padding:24px;max-width:1400px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.products-title{font-size:24px;color:#333;margin:0}.products-actions{display:flex;gap:12px}.products-filters{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.products-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;margin-bottom:24px}.products-table{width:100%;border-collapse:collapse;min-width:900px}.products-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.products-table th{padding:16px;text-align:left;font-weight:600;color:#555;font-size:14px}.products-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px}.products-table tbody tr:hover{background-color:#f5f5f5}.product-name{display:flex;align-items:center;gap:12px}.product-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover}.product-thumb-placeholder{width:50px;height:50px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px}.product-title{font-weight:500;color:#333;display:block;margin-bottom:4px}.variant-badge{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.date-cell{display:flex;align-items:center;gap:8px}.stock-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.stock-badge.in-stock{background:#d4edda;color:#155724}.stock-badge.out-stock{background:#f8d7da;color:#721c24}.price-cell{font-weight:600;color:#28a745}.action-btn.delete{background:#dc3545}.action-btn.delete:hover{background:#c82333}.product-modal{width:700px}.detail-modal{width:800px}.confirm-modal{width:400px}.image-upload-container{display:flex;flex-direction:column;gap:16px}.image-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;width:fit-content;transition:all .3s}.image-upload-btn:hover{background:#5a67d8}.image-preview{position:relative;width:200px;border-radius:8px;overflow:hidden}.image-preview img{width:100%;height:150px;object-fit:cover;border:2px solid #e0e0e0;border-radius:8px}.remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc3545;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.remove-image:hover{background:#c82333}.product-detail .detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.product-detail .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:13px;color:#999;font-weight:500}.detail-item p{margin:0;font-size:15px;color:#333;font-weight:500}.detail-item .price{color:#28a745;font-size:16px}.description{line-height:1.6;color:#666;font-size:14px}.variants-table{overflow-x:auto}.variants-table table{width:100%;border-collapse:collapse}.variants-table th{padding:12px;text-align:left;background:#f8f9fa;font-weight:600;color:#555;font-size:13px}.variants-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:13px}.product-image img{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #e0e0e0}.qr-code{text-align:center}.qr-code img{width:150px;height:150px;margin-bottom:12px}.qr-code p{color:#666;font-size:13px;margin:0}@media(max-width:768px){.shop-products{padding:16px}.products-header{flex-direction:column;align-items:stretch;gap:12px}.products-actions{width:100%}.add-btn{width:100%;justify-content:center}.search-box{min-width:100%}.filter-panel{flex-direction:column}.filter-group{width:100%}.form-grid,.detail-grid{grid-template-columns:1fr}}.product-traceability{padding:24px;background:#fff;border-radius:16px;max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.traceability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.traceability-header h2{margin:0;font-size:22px;font-weight:600;color:#333}.back-btn,.save-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.back-btn{background:#f5f5f5;color:#666}.back-btn:hover{background:#e8e8e8;transform:translate(-2px)}.save-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.traceability-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.traceability-loading .spinning{font-size:48px;color:#4caf50;margin-bottom:16px}.traceability-loading p{color:#666;font-size:16px}.no-traceability{text-align:center;padding:60px 40px;background:#f8f9fa;border-radius:24px;border:2px dashed #ddd}.no-traceability svg{color:#ccc;margin-bottom:20px}.no-traceability h3{margin:0 0 12px;font-size:20px;color:#333}.no-traceability p{color:#666;margin-bottom:24px;font-size:14px}.no-traceability button{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;border-radius:40px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease}.no-traceability button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2e7d324d}.no-traceability button:disabled{opacity:.6;cursor:not-allowed;transform:none}.qr-code-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:24px;padding:24px;margin-bottom:32px;text-align:center;border:1px solid #e8e8e8}.qr-code-container h3{margin:0 0 16px;font-size:18px;color:#333}.qr-code-container canvas{display:block;margin:0 auto;padding:12px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.download-qr-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 20px;background:#2e7d32;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:13px;transition:all .3s ease}.download-qr-btn:hover{background:#1b5e20;transform:translateY(-2px)}.qr-hint{margin-top:12px;font-size:12px;color:#999}.trace-events-section{background:#fff;border-radius:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.add-event-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#2e7d32;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.add-event-btn:hover{background:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.empty-events{text-align:center;padding:60px;background:#f8f9fa;border-radius:16px;color:#999;font-size:14px}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e0e0e0,#4caf50,#e0e0e0)}.timeline-item{position:relative;margin-bottom:32px}.timeline-marker{position:absolute;left:-40px;top:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;z-index:2;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.1)}.timeline-content{background:#fff;border-radius:16px;padding:20px;margin-left:20px;border:1px solid #f0f0f0;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.timeline-content:hover{box-shadow:0 8px 24px #0000001a;transform:translate(4px)}.event-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.event-stage{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stage-badge{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500}.event-stage h4{margin:0;font-size:18px;font-weight:600;color:#333}.event-actions{display:flex;gap:8px}.event-actions button{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease;color:#999}.event-actions button:hover{background:#f5f5f5}.event-actions button:first-child:hover{color:#2196f3}.event-actions button:last-child:hover{color:#f44336}.event-description{color:#666;line-height:1.6;margin:0 0 16px;font-size:14px}.event-meta{display:flex;gap:20px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f0f0f0;margin-bottom:16px}.event-meta span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#888}.event-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.event-images img{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0}.event-images img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:24px;max-width:600px;width:90%;max-height:90vh;overflow:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;transition:color .2s ease;padding:4px 8px;border-radius:8px}.close-btn:hover{color:#333;background:#f5f5f5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0}.cancel-btn{padding:10px 24px;background:#f5f5f5;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease}.cancel-btn:hover{background:#e8e8e8}.modal-footer .save-btn{padding:10px 24px;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.modal-footer .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.modal-footer .save-btn:disabled{opacity:.6;cursor:not-allowed}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.product-traceability{padding:16px}.traceability-header{flex-direction:column;gap:16px;text-align:center}.timeline{padding-left:20px}.timeline:before{left:10px}.timeline-marker{left:-20px;width:32px;height:32px;font-size:14px}.timeline-content{margin-left:10px;padding:16px}.event-header{flex-direction:column}.event-stage{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.add-event-btn{justify-content:center}.event-images img{width:60px;height:60px}}@media(max-width:480px){.modal-content{width:95%;border-radius:16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.event-meta{gap:12px;flex-direction:column}.qr-code-section{padding:16px}.qr-code-container canvas{width:120px;height:120px}}.shop-orders{padding:24px;max-width:100%;margin:0 auto;background:#f5f7fb;min-height:100vh;overflow-x:auto}.orders-header{margin-bottom:24px}.orders-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .3s;border:1px solid #eef2f6}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.stat-card.pending{border-top:3px solid #ffc107}.stat-card.paid{border-top:3px solid #17a2b8}.stat-card.shipped{border-top:3px solid #007bff}.stat-card.completed{border-top:3px solid #28a745}.stat-card.cancelled{border-top:3px solid #dc3545}.stat-card.revenue{border-top:3px solid #6610f2}.stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card.pending .stat-icon{background:#ffc10715;color:#ffc107}.stat-card.paid .stat-icon{background:#17a2b815;color:#17a2b8}.stat-card.shipped .stat-icon{background:#007bff15;color:#007bff}.stat-card.completed .stat-icon{background:#28a74515;color:#28a745}.stat-card.cancelled .stat-icon{background:#dc354515;color:#dc3545}.stat-card.revenue .stat-icon{background:#6610f215;color:#6610f2}.stat-content{flex:1;min-width:0}.stat-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{display:block;font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2}.orders-filters{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.search-box input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .3s;background:#fff}.search-box input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.filter-toggle{background:#fff;border:1px solid #e5e7eb;padding:12px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;transition:all .3s;white-space:nowrap}.filter-toggle:hover,.filter-toggle.active{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.clear-filters{background:#fee2e2;color:#dc2626;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s;white-space:nowrap}.clear-filters:hover{background:#fecaca}.filter-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;gap:24px;flex-wrap:wrap;border:1px solid #e5e7eb}.filter-group{min-width:200px;flex:1}.filter-group label{display:block;margin-bottom:8px;font-size:13px;color:#374151;font-weight:500}.filter-group select,.filter-group input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s;background:#fff}.orders-table-container{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000000d;overflow-x:auto;overflow-y:auto;margin-bottom:24px;border:1px solid #eef2f6;width:100%;position:relative;-webkit-overflow-scrolling:touch;max-height:800px}.orders-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.orders-table th,.orders-table td{white-space:nowrap}.orders-table th:nth-child(1){min-width:60px}.orders-table th:nth-child(2){min-width:100px}.orders-table th:nth-child(3){min-width:150px}.orders-table th:nth-child(4){min-width:120px}.orders-table th:nth-child(5){min-width:250px}.orders-table th:nth-child(6){min-width:120px}.orders-table th:nth-child(7){min-width:130px}.orders-table th:nth-child(8){min-width:130px}.orders-table th:nth-child(9){min-width:150px}.orders-table th:nth-child(10){min-width:80px}.orders-table thead{background:#f9fafb;border-bottom:1px solid #eef2f6}.orders-table th{padding:16px 20px;text-align:left;font-weight:600;color:#4b5563;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.orders-table td{padding:18px 20px;border-bottom:1px solid #f0f0f0;color:#1f2937;font-size:14px;vertical-align:middle;white-space:nowrap}.address-cell{max-width:250px;white-space:normal!important;word-break:break-word;line-height:1.4}.orders-table tbody tr{transition:background .2s}.orders-table tbody tr:hover{background:#f9fafb}.order-id{font-weight:600;color:#22c55e;font-family:monospace;font-size:13px;background:#f0fdf4;padding:4px 8px;border-radius:8px;display:inline-block;white-space:nowrap}.customer-name{display:flex;align-items:center;gap:8px;font-weight:500;min-width:120px;white-space:nowrap}.customer-phone{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px;white-space:nowrap}.customer-icon,.phone-icon,.address-icon{color:#9ca3af;font-size:14px;flex-shrink:0}.total-price{font-weight:700;color:#1f2937;font-size:15px;white-space:nowrap}.payment-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.payment-badge.paid{background:#d1fae5;color:#059669}.payment-badge.unpaid{background:#fee2e2;color:#dc2626}.payment-badge:hover{transform:scale(1.02)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.status-badge:hover{transform:scale(1.02)}.shipping-cell{min-width:140px}.shipping-info{display:flex;flex-direction:column;gap:6px}.shipping-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:12px;font-weight:500;width:fit-content;white-space:nowrap}.shipping-fee{font-size:11px;color:#6c757d;padding-left:6px;white-space:nowrap}.assign-shipping-btn{background:#ffc107;color:#856404;border:none;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.assign-shipping-btn:hover{background:#e0a800;transform:translateY(-2px)}.action-btn{width:34px;height:34px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;font-size:14px;flex-shrink:0}.action-btn.view{background:#10b981}.action-btn.view:hover{background:#059669;transform:translateY(-2px)}.loading-state{text-align:center;padding:80px;color:#6b7280}.loading-state .spinning{animation:spin 1s linear infinite;font-size:40px;color:#22c55e;margin-bottom:16px}.empty-state{text-align:center;padding:60px;color:#9ca3af}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0;flex-wrap:wrap;gap:16px;margin-top:16px}.pagination-info{color:#6b7280;font-size:14px;flex:1;min-width:200px}.pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.pagination-numbers{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.pagination-controls button,.pagination-numbers button{min-width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#4b5563;font-size:14px;font-weight:500}.pagination-controls button:hover:not(:disabled),.pagination-numbers button:hover:not(:disabled){background:#22c55e;border-color:#22c55e;color:#fff}.pagination-controls button.active,.pagination-numbers button.active{background:#22c55e;border-color:#22c55e;color:#fff}.pagination-controls button:disabled,.pagination-numbers button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers .ellipsis{padding:0 8px;color:#9ca3af;-webkit-user-select:none;user-select:none}.page-size-selector{margin-left:auto}.page-size-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s}.page-size-select:hover{border-color:#22c55e}.page-size-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}@media(max-width:1024px){.pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;order:2}.pagination-controls{justify-content:center;order:1}.page-size-selector{margin-left:0;text-align:center;order:3}.pagination-numbers button{min-width:36px;height:36px;font-size:13px}.pagination-controls button{min-width:36px;height:36px}}@media(max-width:768px){.shop-orders{padding:12px}.orders-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:20px}.stat-label{font-size:11px}.orders-table th,.orders-table td{padding:12px}.order-id{font-size:11px}.pagination-numbers{gap:4px}.pagination-numbers button{min-width:32px;height:32px;font-size:12px}.pagination-controls button{min-width:32px;height:32px}.pagination-controls{gap:6px}.page-size-select{padding:6px 10px;font-size:12px}.pagination-info{font-size:12px}.search-box{min-width:100%}.filter-toggle,.clear-filters{flex:1;justify-content:center;white-space:nowrap}.orders-filters{flex-wrap:wrap}.filter-panel{flex-direction:column;gap:12px}.filter-group{min-width:auto}.orders-table{min-width:900px}}@media(max-width:480px){.pagination-numbers{display:flex;flex-wrap:wrap;justify-content:center}.pagination-numbers button{min-width:28px;height:28px;font-size:11px}.pagination-controls button{min-width:28px;height:28px}.pagination-controls{gap:4px}.pagination-numbers .ellipsis{display:none}.orders-table{min-width:800px}.address-cell{max-width:120px}.customer-name,.customer-phone{font-size:12px}}@media(max-width:768px){.modal-content{width:95%!important;margin:20px!important;max-height:90vh!important}.info-grid,.status-radio-group,.payment-radio-group{grid-template-columns:1fr!important}}.shop-statistics{padding:24px;max-width:1400px;margin:0 auto}.shop-statistics.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:#666}.shop-statistics.loading .spinning{animation:spin 1s linear infinite;font-size:40px;color:#667eea;margin-bottom:16px}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.statistics-title{font-size:24px;color:#333;margin:0}.header-actions{display:flex;gap:16px;align-items:center}.time-range-selector{display:flex;gap:8px;background:#f0f0f0;padding:4px;border-radius:8px}.range-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .3s}.range-btn:hover{background:#667eea1a;color:#667eea}.range-btn.active{background:#667eea;color:#fff}.export-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s}.export-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 10px #0000001a;transition:all .3s}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-label{display:block;font-size:14px;color:#666;margin-bottom:4px}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;color:#333;font-weight:600}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.current{background:#4bc0c0}.legend-color.previous{background:#ff9f40}.chart-icon{color:#999;font-size:18px}.chart-body{height:300px}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.feedback-header{margin-bottom:20px}.feedback-header h3{margin:0 0 12px;font-size:16px;color:#333;font-weight:600}.rating-summary{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.average-rating{display:flex;align-items:center;gap:4px}.star-icon{color:#ffc107;font-size:20px}.rating-value{font-size:24px;font-weight:600;color:#333}.rating-max{color:#999;font-size:16px}.total-reviews{display:flex;align-items:center;gap:6px;color:#666}.comment-icon{color:#667eea}.feedback-content{display:flex;gap:24px;align-items:center}.chart-container{width:160px;height:160px;flex-shrink:0}.feedback-stats{flex:1}.feedback-item{margin-bottom:16px}.feedback-item:last-child{margin-bottom:0}.feedback-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:#555}.feedback-icon{font-size:14px}.feedback-item.good .feedback-icon{color:#28a745}.feedback-item.normal .feedback-icon{color:#ffc107}.feedback-item.bad .feedback-icon{color:#dc3545}.feedback-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:4px}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.feedback-item.good .bar-fill{background:#28a745}.feedback-item.normal .bar-fill{background:#ffc107}.feedback-item.bad .bar-fill{background:#dc3545}.feedback-percent{font-size:13px;font-weight:500;color:#333}.recent-comments-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comments-header h3{margin:0;font-size:16px;color:#333;font-weight:600}.view-all{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s}.view-all:hover{color:#5a67d8;text-decoration:underline}.comments-list{max-height:400px;overflow-y:auto}.comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #e0e0e0}.comment-item:last-child{border-bottom:none}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.user-name{font-weight:600;color:#333;font-size:14px}.comment-rating{display:flex;gap:2px}.star-filled{color:#ffc107;font-size:12px}.star-empty{color:#e0e0e0;font-size:12px}.comment-text{margin:0 0 6px;font-size:13px;color:#666;line-height:1.5}.comment-time{font-size:11px;color:#999}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.bottom-section{grid-template-columns:1fr}}@media(max-width:768px){.shop-statistics{padding:16px}.statistics-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.time-range-selector,.export-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.feedback-content{flex-direction:column;text-align:center}.chart-container{margin:0 auto}}.shop-returns{padding:24px;max-width:1400px;margin:0 auto}.returns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.returns-title{font-size:24px;color:#333;margin:0}.returns-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-card.pending{border-left:4px solid #ffc107}.stat-card.approved{border-left:4px solid #17a2b8}.stat-card.completed{border-left:4px solid #28a745}.stat-card.rejected{border-left:4px solid #dc3545}.stat-card.refund{border-left:4px solid #6610f2}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card.approved .stat-icon{background:#17a2b820;color:#17a2b8}.stat-card.rejected .stat-icon{background:#dc354520;color:#dc3545}.stat-card.refund .stat-icon{background:#6610f220;color:#6610f2}.stat-label{display:block;font-size:13px;color:#666;margin-bottom:4px}.stat-value{display:block;font-size:20px;font-weight:600;color:#333}.returns-filters{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.filter-group select:focus{outline:none;border-color:#667eea}.returns-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;margin-bottom:24px}.returns-table{width:100%;border-collapse:collapse;min-width:1200px}.returns-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.returns-table th{padding:16px;text-align:left;font-weight:600;color:#555;font-size:14px}.returns-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px}.returns-table tbody tr:hover{background-color:#f5f5f5}.return-code{font-family:Courier New,monospace;font-weight:600;color:#667eea;background:#eef2ff;padding:4px 8px;border-radius:4px;font-size:13px}.order-code{font-family:Courier New,monospace;font-weight:600;color:#28a745;background:#e8f5e9;padding:4px 8px;border-radius:4px;font-size:13px}.customer-name,.customer-phone{display:flex;align-items:center;gap:8px}.customer-icon,.phone-icon{color:#999;font-size:14px}.refund-amount{font-weight:600;color:#28a745}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid transparent}.action-btn.process{background:#ffc107}.action-btn.process:hover{background:#e0a800}.return-detail-modal{width:900px}.process-modal{width:600px}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-item{display:flex;align-items:center;gap:12px}.info-item label{font-size:13px;color:#999;font-weight:500;min-width:80px}.info-icon{color:#667eea;font-size:18px}.return-items{display:flex;flex-direction:column;gap:16px}.return-item{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.item-icon{color:#667eea;font-size:18px;margin-top:2px}.item-name{flex:1;font-weight:500;color:#333}.variant-name{color:#999;font-size:12px;display:block;margin-top:2px}.item-details{margin-left:30px}.detail-row{display:flex;margin-bottom:8px;font-size:13px}.detail-label{width:100px;color:#666}.reason-badge{display:inline-flex;align-items:center;gap:4px;color:#dc3545;background:#fff5f5;padding:4px 8px;border-radius:4px}.reason-note{color:#666;font-style:italic}.item-images{display:flex;gap:8px}.image-link{color:#667eea;font-size:20px;transition:all .3s}.image-link:hover{color:#5a67d8;transform:scale(1.1)}.refund-info{background:#e8f5e9;border-radius:8px;padding:16px}.refund-row{display:flex;margin-bottom:8px;font-size:14px}.refund-row:last-child{margin-bottom:0}.refund-label{width:120px;color:#2e7d32;font-weight:500}.refund-amount{font-size:18px;font-weight:600;color:#28a745}.notes,.admin-notes,.reject-reason{background:#f8f9fa;padding:16px;border-radius:8px;margin:0;line-height:1.6;color:#666;border-left:4px solid #667eea}.reject-reason{border-left-color:#dc3545;color:#721c24;background:#fff5f5}.return-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px;font-size:14px}.process-section{margin-bottom:20px}.process-section h3{margin:0 0 12px;font-size:15px;color:#555;font-weight:600}.approve-item{margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.item-info{flex:1}.item-variant{font-size:12px;color:#999;margin-bottom:4px}.item-details{font-size:13px;color:#666}.refund-input,.note-input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}.refund-input:focus,.note-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reject-btn{padding:10px 20px;border:none;background:#dc3545;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.reject-btn:hover:not(:disabled){background:#c82333}.reject-btn:disabled{opacity:.5;cursor:not-allowed}.approve-btn{padding:10px 20px;border:none;background:#28a745;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.approve-btn:hover:not(:disabled){background:#218838}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.process-btn{padding:10px 20px;border:none;background:#ffc107;color:#333;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.process-btn:hover{background:#e0a800}.complete-btn{padding:10px 20px;border:none;background:#17a2b8;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.complete-btn:hover:not(:disabled){background:#138496}.complete-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.returns-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.shop-returns{padding:16px}.returns-header{flex-direction:column;align-items:stretch}.returns-stats{grid-template-columns:repeat(2,1fr)}.returns-filters{flex-direction:column}.search-box{width:100%;min-width:auto}.filter-toggle,.clear-filters{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}.process-modal{width:95%}}@media(max-width:480px){.returns-stats{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}.language-selector{position:relative}.language-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.language-btn:hover{background:#f8f9fa;border-color:#2e7d32}.language-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:1000}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;transition:all .2s;text-align:left}.language-option:hover{background:#f8f9fa}.language-option.active{background:#e8f5e9;color:#2e7d32}.lang-flag{font-size:18px}.lang-name{font-size:14px}.currency-selector{position:relative}.currency-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.currency-btn:hover{background:#f8f9fa;border-color:#2e7d32}.currency-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:220px;z-index:1000}.currency-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;transition:all .2s;text-align:left}.currency-option:hover{background:#f8f9fa}.currency-option.active{background:#e8f5e9;color:#2e7d32}.currency-symbol{font-size:16px;font-weight:600;width:24px}.currency-name{flex:1;font-size:14px}.currency-code{font-size:12px;color:#6c757d}.shop-settings{padding:24px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.shop-settings.loading,.shop-settings.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2e7d32;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.settings-container{display:flex;gap:24px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.settings-sidebar{width:260px;flex-shrink:0;background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px 0}.tab-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:none;border:none;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s;text-align:left}.tab-btn:hover{background:#e9ecef;color:#2e7d32}.tab-btn.active{background:#fff;color:#2e7d32;border-left:3px solid #2e7d32;font-weight:600}.settings-content{flex:1;padding:32px}.settings-panel h2{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:24px}.settings-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e9ecef}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#495057}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toggle-group{display:flex;flex-direction:column;gap:12px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-label input{width:18px;height:18px;cursor:pointer}.toggle-text{font-size:14px;color:#495057}.social-links{margin-top:20px}small{display:block;margin-top:6px;font-size:12px;color:#6c757d}.preview-section{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.preview-section h4{margin:0 0 12px;font-size:14px;color:#495057}.currency-preview{display:flex;gap:8px;margin-bottom:8px;font-size:14px}.preview-label{color:#6c757d}.preview-value{font-weight:600;color:#2e7d32}@media(max-width:768px){.shop-settings{padding:16px}.settings-header{flex-direction:column;align-items:stretch;gap:12px}.save-btn{width:100%;justify-content:center}.settings-container{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e9ecef;padding:12px 0;overflow-x:auto;display:flex;flex-shrink:0}.tab-btn{width:auto;padding:10px 16px;white-space:nowrap}.tab-btn.active{border-left:none;border-bottom:2px solid #2e7d32;background:transparent}.settings-content{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}}.shop-vouchers{padding:24px;max-width:1400px;margin:0 auto}.vouchers-title{font-size:24px;color:#333;margin:0}.add-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.add-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.vouchers-filters{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}.search-box input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-toggle{background:#fff;border:2px solid #e0e0e0;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#555;transition:all .3s}.filter-toggle:hover,.filter-toggle.active{border-color:#667eea;color:#667eea}.clear-filters{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}.clear-filters:hover{background:#c82333}.filter-panel{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.filter-group{min-width:200px}.filter-group label{display:block;margin-bottom:6px;font-size:13px;color:#555;font-weight:500}.filter-group select{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s}.vouchers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;margin-bottom:24px}.vouchers-table{width:100%;border-collapse:collapse;min-width:1000px}.vouchers-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.vouchers-table th{padding:16px;text-align:left;font-weight:600;color:#555;font-size:14px}.vouchers-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px}.vouchers-table tbody tr:hover{background-color:#f5f5f5}.voucher-code{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-weight:600;color:#667eea}.code-icon{color:#667eea}.discount-cell{font-weight:600;color:#28a745}.min-order{color:#666}.usage-cell{display:flex;align-items:center;gap:8px}.usage-icon{color:#999;font-size:14px}.date-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-icon{color:#999;font-size:14px}.expired-badge{background:#f8d7da;color:#721c24;padding:2px 6px;border-radius:4px;font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.action-btn.view{background:#17a2b8}.action-btn.view:hover{background:#138496}.action-btn.edit{background:#ffc107}.action-btn.edit:hover{background:#e0a800}.action-btn.disable{background:#dc3545}.action-btn.disable:hover{background:#c82333}.action-btn.enable{background:#28a745}.action-btn.enable:hover{background:#218838}.action-btn.delete{background:#6c757d}.action-btn.delete:hover{background:#5a6268}.loading-state{text-align:center;padding:60px;color:#666}.loading-state .spinning{animation:spin 1s linear infinite;font-size:30px;color:#667eea;margin-bottom:16px}.empty-state{text-align:center;padding:60px;color:#999;font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;flex-wrap:wrap;gap:16px}.pagination-info{color:#666;font-size:14px}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-controls button{min-width:36px;height:36px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#555;font-size:14px}.pagination-controls button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.pagination-controls button.active{background:#667eea;border-color:#667eea;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:12px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.voucher-modal{width:700px}.detail-modal{width:600px}.confirm-modal{width:450px;text-align:center}.modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa;border-radius:0 0 12px 12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;color:#555;font-weight:500}.form-group .required{color:#dc3545;margin-left:4px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.disabled-input{background-color:#f5f5f5;cursor:not-allowed}small{font-size:12px;color:#999}.voucher-detail .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.voucher-badge{background:#eef2ff;color:#667eea;padding:8px 16px;border-radius:8px;font-family:Courier New,monospace;font-weight:600;display:flex;align-items:center;gap:8px}.detail-section{margin-bottom:24px}.detail-section h3{margin:0 0 16px;font-size:16px;color:#555;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item label{font-size:13px;color:#999;font-weight:500}.info-item span{font-size:14px;color:#333;font-weight:500}.discount-value{color:#28a745;font-size:16px!important}.description{line-height:1.6;color:#666;font-size:14px;background:#f8f9fa;padding:16px;border-radius:8px;margin:0}.warning-icon{font-size:48px;color:#ffc107;margin-bottom:16px}.warning-text{color:#dc3545;font-size:14px;margin-top:8px}.cancel-btn{padding:10px 20px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:#dc3545;color:#fff}.save-btn{padding:10px 20px;border:none;background:#28a745;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.save-btn:hover:not(:disabled){background:#218838}.save-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{padding:10px 20px;border:none;background:#dc3545;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}@media(max-width:768px){.shop-vouchers{padding:16px}.vouchers-header{flex-direction:column;align-items:stretch}.add-btn{width:100%;justify-content:center}.search-box{width:100%;min-width:auto}.filter-toggle,.clear-filters{width:100%;justify-content:center}.form-grid,.info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}}.order-detail-container{max-width:1200px;margin:0 auto;padding:30px 20px;animation:fadeIn .5s ease}.order-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back-btn,.print-btn,.reorder-btn{padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}.back-btn{background:#fff;border:1px solid #ddd;color:#666}.back-btn:hover{background:#f5f5f5}.print-btn,.reorder-btn{background:#fff;border:1px solid #2e7d32;color:#2e7d32}.print-btn:hover,.reorder-btn:hover{background:#f5f5f5}.order-header-right{display:flex;gap:12px}.order-title-section{margin-bottom:30px}.order-title-section h1{font-size:28px;color:#333;margin-bottom:8px}.order-id{font-size:14px;color:#666}.order-id strong{color:#2e7d32;font-family:monospace;font-size:16px}.status-timeline{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.timeline-steps{display:flex;justify-content:space-between;position:relative}.timeline-steps:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:2px;background:#e0e0e0;z-index:1}.step{text-align:center;position:relative;z-index:2;flex:1}.step-icon{width:60px;height:60px;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all .3s;background:#fff}.step.active .step-icon{border-color:#2e7d32;background:#2e7d32;color:#fff}.step-label{font-size:12px;color:#999}.step.active .step-label{color:#2e7d32;font-weight:500}.status-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.status-card{background:#fff;border-radius:16px;padding:20px;display:flex;gap:16px;border-left:4px solid;box-shadow:0 2px 8px #0000000d}.status-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.status-info{flex:1}.status-label{font-size:12px;color:#999;margin-bottom:4px}.status-value{font-size:18px;font-weight:600;margin-bottom:4px}.status-desc{font-size:12px;color:#666}.order-detail-content{display:grid;grid-template-columns:1fr 360px;gap:30px}.info-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.info-section h3{font-size:18px;margin-bottom:20px;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;gap:12px}.info-icon{font-size:20px;color:#2e7d32}.info-item label{font-size:12px;color:#999;display:block;margin-bottom:4px}.info-item p{font-size:14px;color:#333;font-weight:500}.address-info{display:flex;gap:12px}.address-icon{font-size:20px;color:#2e7d32;margin-top:2px}.address-info p{color:#666;line-height:1.5}.order-items-table{overflow-x:auto}.order-items-table table{width:100%;border-collapse:collapse}.order-items-table th{text-align:left;padding:12px;background:#f8f9fa;font-weight:500;color:#666;border-bottom:1px solid #eee}.order-items-table td{padding:16px 12px;border-bottom:1px solid #eee}.product-info{display:flex;gap:12px;align-items:center}.product-icon{color:#2e7d32;font-size:20px}.product-name{font-weight:500;color:#333}.product-variant{font-size:12px;color:#999;margin-top:2px}.price,.subtotal{font-weight:500;color:#d32f2f}.quantity{text-align:center}.order-note{background:#f8f9fa;padding:16px;border-radius:12px;border-left:3px solid #2e7d32}.order-note p{color:#666;line-height:1.5}.summary-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;position:sticky;top:100px}.summary-card h3{font-size:18px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.summary-details{margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.summary-row .value{display:flex;align-items:center;gap:6px;color:#666}.divider{height:1px;background:#eee;margin:12px 0}.summary-row.discount{color:#dc3545}.summary-row.total{font-size:18px;font-weight:600;margin-top:8px}.total-value{font-size:22px;font-weight:700;color:#d32f2f}.voucher-info{background:#e8f5e9;padding:12px;border-radius:8px;display:flex;gap:12px;margin-bottom:20px}.voucher-icon{color:#2e7d32;font-size:20px}.voucher-info strong{color:#2e7d32}.cancel-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.cancel-section .cancel-btn{width:100%;padding:12px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .3s ease}.cancel-section .cancel-btn:hover{background:#b91c2c;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.cancel-section .cancel-btn:active{transform:translateY(0)}.modal-footer .cancel-btn{background:#6c757d;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.modal-footer .cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.modal-footer .confirm-btn{background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.modal-footer .confirm-btn:hover:not(:disabled){background:#b91c2c;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.modal-footer .confirm-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-note{font-size:11px;color:#999;text-align:center;margin-top:8px}.support-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.support-card h4{font-size:16px;margin-bottom:12px;color:#333}.support-card p{font-size:13px;color:#666;margin-bottom:8px}.support-card ul{list-style:none;padding:0}.support-card li{font-size:12px;color:#999;padding:4px 0}.order-detail-loading{text-align:center;padding:80px 20px}.order-detail-loading p{margin-top:16px;color:#666}.order-detail-not-found{text-align:center;padding:80px 20px}.order-detail-not-found h2{color:#666;margin-bottom:20px}.cancel-modal{background:#fff;border-radius:16px;max-width:400px;width:90%;animation:fadeIn .3s ease}.modal-body .warning{color:#dc3545;font-size:13px;margin-top:12px}.confirm-btn{background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer}.confirm-btn:hover:not(:disabled){background:#c82333}.return-info-banner{display:flex;align-items:flex-start;gap:20px;background:#fff3e0;border-left:5px solid #ff9800;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.return-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.return-content{flex:1}.return-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.return-status{font-size:14px;font-weight:500;margin-bottom:8px}.return-message{font-size:14px;color:#666;margin-bottom:8px}.return-amount{font-size:14px;color:#2e7d32;margin-top:8px;padding-top:8px;border-top:1px dashed #e0e0e0}.return-amount strong{font-size:16px;font-weight:700}.return-date{font-size:12px;color:#999;margin-top:6px}@media(max-width:768px){.return-info-banner{flex-direction:column;align-items:center;text-align:center}.return-icon{width:40px;height:40px}.return-title{font-size:16px}}@media print{.back-btn,.print-btn,.reorder-btn,.cancel-section,.support-card,.order-header-right{display:none}}.orders-page{background:#f8f9fa;min-height:100vh}.orders-container{max-width:1200px;margin:0 auto;padding:30px 20px}.orders-header{margin-bottom:30px}.orders-header h1{font-size:28px;color:#333;margin-bottom:8px}.orders-header p{color:#666;font-size:14px}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.total .stat-icon{background:#6c757d20;color:#6c757d}.stat-card.pending .stat-icon{background:#ffc10720;color:#ffc107}.stat-card.paid .stat-icon{background:#17a2b820;color:#17a2b8}.stat-card.shipped .stat-icon{background:#007bff20;color:#007bff}.stat-card.completed .stat-icon{background:#28a74520;color:#28a745}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.stat-value{display:block;font-size:24px;font-weight:600;color:#333}.orders-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s}.search-box input:focus{outline:none;border-color:#2e7d32}.filter-toggle,.clear-filters{padding:12px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}.filter-toggle{background:#fff;border:1px solid #ddd;color:#666}.filter-toggle.active{border-color:#2e7d32;color:#2e7d32}.clear-filters{background:#f5f5f5;border:none;color:#dc3545}.filter-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000d}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;font-size:12px;color:#999;margin-bottom:6px}.filter-group select,.filter-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.loading-state{text-align:center;padding:60px 20px;color:#666}.loading-state p{margin-top:16px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.empty-icon{font-size:80px;color:#ccc;margin-bottom:20px}.empty-state h3{font-size:20px;color:#333;margin-bottom:8px}.empty-state p{color:#999;margin-bottom:24px}.shop-now-btn{display:inline-block;padding:12px 32px;background:#2e7d32;color:#fff;text-decoration:none;border-radius:30px;transition:all .3s}.shop-now-btn:hover{background:#1b5e20}.orders-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.order-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s}.order-card:hover{box-shadow:0 4px 12px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #eee}.order-info-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.order-number{font-size:14px;color:#666}.order-number strong{color:#2e7d32;font-family:monospace;font-size:16px}.order-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#999}.order-info-right{display:flex;gap:12px}.status-badge,.payment-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.status-pending{background:#ffc10720;color:#ffc107}.status-paid{background:#17a2b820;color:#17a2b8}.status-shipped{background:#007bff20;color:#007bff}.status-completed{background:#28a74520;color:#28a745}.status-cancelled,.payment-unpaid{background:#dc354520;color:#dc3545}.payment-paid{background:#28a74520;color:#28a745}.order-items{padding:16px 20px}.order-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.order-item:last-child{border-bottom:none}.item-icon{color:#2e7d32;font-size:20px;margin-top:2px}.item-details{flex:1}.item-name{font-weight:500;color:#333;margin-bottom:4px}.item-variant{font-size:12px;color:#999;margin-bottom:6px}.item-meta{display:flex;gap:16px;font-size:12px;color:#666}.more-items{padding:8px 0 0;font-size:12px;color:#999;text-align:center;border-top:1px solid #f0f0f0;margin-top:8px}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;border-top:1px solid #eee}.order-total{font-size:14px}.order-total strong{font-size:18px;color:#d32f2f;margin-left:8px}.order-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;white-space:nowrap;min-width:120px;justify-content:center;width:100px}.action-btn.view{background:#f0f0f0;color:#666;border:none}.action-btn.view:hover{background:#e0e0e0}.action-btn.review{background:#ffc107;color:#333;border:none}.action-btn.review:hover{background:#ffb300}.action-btn.reorder{background:#2e7d32;color:#fff;border:none;width:200px}.action-btn.reorder:hover{background:#1b5e20}.pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0}.pagination-info{font-size:14px;color:#666}.pagination-controls button{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.pagination-controls button:hover:not(:disabled){border-color:#2e7d32;color:#2e7d32}.review-modal{background:#fff;border-radius:16px;max-width:500px;width:90%;animation:fadeIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{font-size:20px;color:#333}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999}.order-info{margin-bottom:20px;color:#666}.rating-section,.comment-section{margin-bottom:20px}.rating-section label,.comment-section label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;color:#333}.stars-input{display:flex;gap:8px}.star-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#ddd;transition:all .3s}.star-btn.active{color:#ffc107}.star-btn:hover{transform:scale(1.1)}.comment-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit;font-size:14px}.comment-section textarea:focus{outline:none;border-color:#2e7d32}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 20px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer}.submit-btn{padding:10px 20px;background:#2e7d32;color:#fff;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.submit-btn:hover:not(:disabled){background:#1b5e20}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.return-modal{max-width:600px;width:90%}.return-items-selection{margin-bottom:20px}.return-item-select{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px}.return-item-select input[type=checkbox]{width:20px;height:20px;cursor:pointer}.return-item-select .item-info{flex:1}.return-item-select .item-name{font-weight:500;margin-bottom:4px}.return-item-select .item-variant{font-size:12px;color:#666;margin-bottom:4px}.return-item-select .item-price{font-size:14px;color:#2e7d32;font-weight:500}.return-reason-section,.return-note-section,.return-images-section,.bank-info-section{margin-bottom:20px}.return-reason-section label,.return-note-section label,.return-images-section label{display:block;font-weight:500;margin-bottom:8px;color:#333}.return-reason-section select,.return-note-section textarea,.bank-info-section input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.return-note-section textarea{resize:vertical}.image-upload-area{border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s}.image-upload-area:hover{border-color:#2e7d32;background:#f9f9f9}.image-upload-area input{display:none}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.preview-item{position:relative;width:80px;height:80px}.preview-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.preview-item button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#f44;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.bank-info-section input{margin-bottom:10px}.bank-info-section input:last-child{margin-bottom:0}.action-btn.return{background:#ff9800;color:#fff}.action-btn.return:hover{background:#f57c00}.action-btn.view-return{background:#9c27b0;color:#fff}.action-btn.view-return:hover{background:#7b1fa2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.orders-container{padding:20px 16px}.orders-header h1{font-size:24px}.orders-stats{grid-template-columns:repeat(2,1fr)}.order-header{flex-direction:column;align-items:flex-start;gap:10px}.order-info-left{flex-direction:column;align-items:flex-start;gap:8px}.order-footer{flex-direction:column;gap:12px}.order-actions{width:100%;justify-content:space-between}.pagination{flex-direction:column}.action-btn{padding:8px 16px;font-size:13px;white-space:normal}.order-actions{gap:8px}}@media(max-width:480px){.order-footer{flex-direction:column;gap:12px}.order-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}}.spinning{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;overflow:hidden;width:90%;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px}.close-btn{background:none;border:none;cursor:pointer;font-size:20px;color:#666}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee}.btn-cancel{padding:8px 16px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer}.btn-save{padding:8px 16px;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-save:disabled{opacity:.7;cursor:not-allowed}.preview-container{text-align:center;margin-bottom:20px}.preview-container img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #2e7d32}.method-selector{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.method-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer}.method-btn.active{background:#2e7d32;color:#fff}.file-upload-area{text-align:center}.upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#1976d2;color:#fff;border-radius:8px;cursor:pointer}.url-input-area input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}.hint{font-size:12px;color:#666;margin-top:8px}.popup-menu{position:absolute;top:25px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:170px;z-index:10;display:flex;flex-direction:column;overflow:hidden}.popup-menu button{padding:12px 15px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:14px;border-bottom:1px solid #eee;font-weight:500;transition:background .2s}.popup-menu button:hover{background:#f0f2f5}.popup-menu button:last-child{border-bottom:none}.edit-post-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-post-modal{background:#fff;width:600px;max-width:90%;max-height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.edit-post-modal-header{position:relative;padding:15px;border-bottom:1px solid #e4e6eb;text-align:center}.edit-post-modal-header h3{margin:0;font-size:20px;font-weight:700}.edit-post-modal-header button{position:absolute;top:10px;right:15px;width:36px;height:36px;border-radius:50%;border:none;background:#e4e6eb;cursor:pointer;font-size:16px;font-weight:700;color:#606770}.edit-post-modal-body{padding:15px;flex:1;overflow-y:auto}.edit-post-user-info{display:flex;align-items:center;gap:10px;margin-bottom:15px}.edit-post-avatar{width:40px;height:40px;background:#e4e6eb;border-radius:50%;overflow:hidden}.edit-post-avatar img{width:100%;height:100%;object-fit:cover}.edit-post-user-name{font-weight:600;font-size:15px;color:#050505}.edit-post-modal-body textarea{width:100%;border:none;outline:none;resize:none;font-size:16px;font-family:inherit;margin-bottom:10px}.edit-post-modal-body input[type=text]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;font-size:14px}.edit-post-selects{display:flex;gap:10px;margin-bottom:10px}.edit-post-selects select{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.edit-post-image-upload{margin-bottom:10px}.upload-image-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f2f5;border-radius:8px;cursor:pointer}.uploading-text{margin-left:10px;font-size:12px;color:#666}.edit-post-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.edit-post-image-container{position:relative}.edit-post-image-container img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.edit-post-image-container button{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.edit-post-checkboxes{display:flex;gap:20px;margin-bottom:15px}.edit-post-checkboxes label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.edit-post-modal-footer{padding:15px;border-top:1px solid #eee}.edit-post-modal-footer button{width:100%;padding:10px;border-radius:6px;border:none;font-size:15px;font-weight:600;cursor:pointer}.edit-post-modal-footer button.active{background:#0866ff;color:#fff}.edit-post-modal-footer button.disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed}.post-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;overflow-y:auto}.post-modal-content{background:#fff;width:700px;max-width:90%;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative}.post-modal-header{padding:12px 16px;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.post-modal-header h3{margin:0;font-size:18px}.post-modal-header button{background:transparent;border:none;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.post-modal-body{flex:1;overflow-y:auto;padding:16px}.post-modal-author{display:flex;gap:12px;align-items:center;margin-bottom:15px}.post-modal-avatar{width:48px;height:48px;background:#e4e6eb;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.post-modal-avatar img{width:100%;height:100%;object-fit:cover}.post-modal-text{margin-bottom:15px}.post-modal-text p{margin:5px 0;font-size:15px;white-space:pre-wrap}.post-modal-images{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.post-modal-images img{width:100%;border-radius:8px;object-fit:cover}.post-modal-shared{margin-bottom:15px}.post-modal-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:#65676b}.post-modal-actions{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:8px 0;margin-bottom:15px}.post-modal-actions div{flex:1;text-align:center;cursor:pointer;padding:6px 0;border-radius:6px;font-weight:500}.post-modal-actions div.liked{color:#1877f2}.post-modal-footer{padding:12px 16px;border-top:1px solid #e4e6eb;display:flex;gap:10px;align-items:center;flex-shrink:0}.comment-input-avatar{width:32px;height:32px;background:#ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-input-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-modal-footer input{flex:1;padding:10px 14px;border-radius:20px;border:none;background:#f0f2f5;outline:none;font-size:14px}.post-modal-footer button{border:none;background:transparent;color:#1877f2;font-weight:700;cursor:pointer}.comment-item{margin-bottom:20px}.comment-header{display:flex;gap:12px;align-items:flex-start}.comment-avatar{width:40px;height:40px;background:#2e7d32;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.comment-content{flex:1}.comment-text{background:#f0f2f5;padding:10px 14px;border-radius:18px}.comment-text strong{font-size:14px;display:block;margin-bottom:4px}.comment-meta{display:flex;gap:16px;margin-top:6px;margin-left:8px;font-size:12px;color:#65676b}.comment-meta button{border:none;background:transparent;color:#2e7d32;cursor:pointer;font-size:12px;font-weight:500}.comment-menu{position:relative}.comment-menu button{background:transparent;border:none;cursor:pointer;color:#65676b;font-size:18px;padding:0 8px;font-weight:700}.comment-menu-dropdown{position:absolute;top:24px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:120px;z-index:20;overflow:hidden}.comment-menu-dropdown button{padding:10px 12px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:13px;width:100%;border-bottom:1px solid #eee}.comment-menu-dropdown button:last-child{border-bottom:none}.comment-replies{margin-left:52px;margin-top:8px}.reply-box{background:#f0f2f5;padding:12px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reply-item{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.reply-avatar{width:32px;height:32px;background:#e4e6eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:#333}.reply-content{flex:1}.reply-text{background:#f0f2f5;padding:8px 12px;border-radius:16px}.reply-text strong{font-size:12px;display:block;margin-bottom:2px}.reply-meta{margin-top:4px;margin-left:8px;font-size:11px;color:#65676b}.reply-menu{position:relative;display:inline-block}.reply-menu-dropdown{position:absolute;top:20px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100px;z-index:20;overflow:hidden}.reply-menu-dropdown button{padding:8px 12px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:12px;width:100%;border-bottom:1px solid #eee}.comment-edit,.reply-edit{background:#f0f2f5;padding:10px 14px;border-radius:18px}.comment-edit input,.reply-edit input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #2e7d32;outline:none;font-size:14px;background:#fff}.comment-edit-actions,.reply-edit-actions{display:flex;gap:8px;margin-top:8px}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:3000}.confirm-modal{background:#fff;width:420px;max-width:90%;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 10px 30px #0003}.confirm-icon{font-size:48px;margin-bottom:12px}.confirm-modal h3{margin:0 0 12px;font-size:20px;color:#333}.confirm-modal p{margin:0 0 28px;font-size:15.5px;color:#555;line-height:1.5}.confirm-actions{display:flex;gap:12px}.confirm-actions button:first-child{flex:1;padding:12px;border-radius:10px;border:1px solid #ddd;background:#f8f9fa;color:#333;font-size:15px;font-weight:600;cursor:pointer}.confirm-actions button:last-child{flex:1;padding:12px;border-radius:10px;border:none;background:#dc3545;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.friend-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#f8f9fa;transition:all .2s;cursor:pointer}.friend-card:hover{background:#e9ecef}.friend-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#e4e6eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1;min-width:0}.friend-name{font-weight:600;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-username{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{text-align:center;padding:20px}.loading-text{margin-top:10px;color:#666}.end-of-list{text-align:center;padding:15px;color:#888;font-size:13px}.shop-returns-page{padding:20px}.returns-header{margin-bottom:30px}.returns-header h1{font-size:28px;color:#333;margin-bottom:10px}.returns-header p{color:#666;font-size:14px}.returns-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.returns-stats .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a}.returns-stats .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.returns-stats .stat-icon.pending{background:#ffc10720;color:#ffc107}.returns-stats .stat-icon.approved{background:#17a2b820;color:#17a2b8}.returns-stats .stat-icon.completed{background:#28a74520;color:#28a745}.returns-stats .stat-icon.total{background:#007bff20;color:#007bff}.returns-stats .stat-content{flex:1}.returns-stats .stat-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.returns-stats .stat-value{display:block;font-size:28px;font-weight:700;color:#333}.returns-filters{display:flex;gap:15px;margin-bottom:30px}.returns-filters .search-box{flex:1;position:relative}.returns-filters .search-box input{width:100%;padding:12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px}.returns-filters .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.returns-filters select{padding:12px 20px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:150px}.returns-table{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.returns-table table{width:100%;border-collapse:collapse}.returns-table th,.returns-table td{padding:15px;text-align:left;border-bottom:1px solid #f0f0f0}.returns-table th{background:#f9f9f9;font-weight:600;color:#555}.returns-table td .refund-amount{color:#2e7d32;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500}.view-btn,.process-btn{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;border:none;margin-right:8px;display:inline-flex;align-items:center;gap:5px}.view-btn{background:#007bff;color:#fff;text-decoration:none}.process-btn{background:#ff9800;color:#fff}.process-modal{max-width:700px;width:90%;max-height:80vh;overflow-y:auto}.return-info{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.return-info p{margin:5px 0}.return-items-list{margin-bottom:20px}.return-items-list h4{margin-bottom:15px;color:#333}.return-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px}.return-item .item-name{font-weight:500;font-size:16px;margin-bottom:5px}.return-item .item-variant{font-size:13px;color:#666;margin-bottom:8px}.return-item .item-detail{display:flex;gap:20px;margin-bottom:10px;font-size:14px;color:#555}.return-item .item-reason{font-size:14px;margin-bottom:10px}.return-item .reason-note{color:#666;margin-top:5px;font-style:italic}.return-item .item-images{display:flex;gap:10px;margin-top:10px}.return-item .item-images img{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer}.admin-note{margin-bottom:20px}.admin-note label{display:block;font-weight:500;margin-bottom:8px}.admin-note textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;resize:vertical}.process-actions{display:flex;gap:15px;justify-content:flex-end}.approve-btn,.reject-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.approve-btn{background:#28a745;color:#fff}.reject-btn{background:#dc3545;color:#fff}.shipping-manager{max-width:1400px;margin:0 auto;padding:24px;overflow-x:hidden}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.manager-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.manager-header p{color:#6c757d;margin:0;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-label{font-size:12px;font-weight:500;color:#6c757d;display:block;margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.2}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.unit-card{background:#fff;border-radius:16px;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.unit-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.card-top{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f0f0}.unit-avatar{width:44px;height:44px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2e7d32;flex-shrink:0}.unit-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.unit-info{flex:1;min-width:0}.unit-info h3{font-size:15px;font-weight:600;margin:0 0 4px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card{background:#f8f9fa;border-radius:16px;overflow:hidden;transition:all .2s}.info-card.full-width{grid-column:1 / -1}.info-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f0f2f4;border-bottom:1px solid #e5e7eb}.info-card-header svg{color:#2e7d32}.info-card-header h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.info-card-content{padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#6c757d;font-weight:500}.info-value{font-size:13px;color:#1a1a1a;font-weight:500}.info-value.highlight{color:#2e7d32;font-weight:600;font-size:14px}.info-value a{color:#2e7d32;text-decoration:none}.info-value a:hover{text-decoration:underline}.province-tags{display:flex;flex-wrap:wrap;gap:8px}.province-tag{display:inline-flex;align-items:center;gap:4px;background:#e8f5e9;color:#2e7d32;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.stats-content{display:flex;align-items:center;justify-content:space-around;text-align:center}.stat-box{flex:1;padding:8px}.stat-number{font-size:24px;font-weight:700;color:#2e7d32;line-height:1.2;margin-bottom:4px}.stat-label-small{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:#e0e0e0}.description-text{font-size:13px;line-height:1.6;color:#495057;margin:0}.unit-code{font-size:11px;color:#6c757d;display:block}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:500;flex-shrink:0;white-space:nowrap}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.status-badge.suspended{background:#fff3e0;color:#f57c00}.card-details{padding:12px 16px;border-bottom:1px solid #f0f0f0;flex:1}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.detail-row span:first-child{color:#6c757d}.detail-row strong{color:#1a1a1a;font-weight:600}.province-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.province-pills span{background:#f0f0f0;padding:2px 6px;border-radius:12px;font-size:10px;color:#495057;white-space:nowrap}.card-actions{display:flex;padding:12px;gap:8px;background:#fafbfc;flex-wrap:wrap}.action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;min-width:0}.action-btn.view{background:#e8f5e9;color:#2e7d32}.action-btn.view:hover{background:#c8e6c9}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdef5}.action-btn.status.deactivate{background:#fff3e0;color:#f57c00}.action-btn.status.deactivate:hover{background:#ffe0b2}.action-btn.status.activate{background:#e8f5e9;color:#2e7d32}.action-btn.status.activate:hover{background:#c8e6c9}.action-btn.delete{background:#ffebee;color:#f44336}.action-btn.delete:hover{background:#ffcdd2}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;font-size:20px;cursor:pointer;color:#6c757d;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f0f0f0;color:#1a1a1a}.modal-content form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#495057;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .2s}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.province-input{display:flex;gap:8px}.province-input input{flex:1}.province-input button{padding:0 16px;background:#f0f0f0;border:none;border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s}.province-input button:hover{background:#e0e0e0}.province-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.province-list span{background:#f0f0f0;padding:4px 10px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.province-list button{background:none;border:none;cursor:pointer;color:#f44336;font-size:14px;padding:0;margin-left:4px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:40px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#2e7d32;color:#fff}.btn-primary:hover{background:#1b5e20;transform:translateY(-1px)}.btn-secondary{background:#f0f0f0;color:#495057}.btn-secondary:hover{background:#e0e0e0}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:24px}.empty-icon{width:80px;height:80px;background:#f8f9fa;border-radius:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#6c757d}.empty-state h3{font-size:18px;margin:0 0 8px}.empty-state p{color:#6c757d;margin-bottom:20px;font-size:14px}.loader{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#2e7d32;border-radius:50%;animation:spin .8s linear infinite}.modal-content.view-modal{max-width:800px;width:90%}.view-detail-content{padding:0 24px 24px}.view-header{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.view-avatar{width:64px;height:64px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#2e7d32;flex-shrink:0}.view-avatar img{width:100%;height:100%;object-fit:cover;border-radius:20px}.view-info h3{font-size:18px;font-weight:600;margin:0 0 6px;color:#1a1a1a}.view-info .unit-code{font-size:12px;color:#6c757d;display:block;margin-bottom:8px}.detail-section{margin-bottom:20px}.detail-section h4{font-size:13px;font-weight:600;color:#495057;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.detail-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:#6c757d}.detail-item svg{color:#2e7d32;flex-shrink:0;width:16px;height:16px}.detail-item strong{color:#1a1a1a;font-weight:500;margin-right:4px}.detail-item a{color:#2e7d32;text-decoration:none;word-break:break-all}.detail-item a:hover{text-decoration:underline}.province-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.province-list span{display:inline-flex;align-items:center;gap:4px;background:#f0f0f0;padding:4px 10px;border-radius:20px;font-size:11px;color:#495057}.description-text{font-size:13px;line-height:1.5;color:#6c757d;margin:0}.stats-mini{display:flex;gap:20px;padding:8px 0}.stats-mini div{font-size:13px;color:#6c757d}.stats-mini strong{font-size:16px;color:#2e7d32;display:block;margin-bottom:2px}.no-data{color:#adb5bd;font-size:12px;margin:0}.shop-layout__content{scrollbar-width:thin}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.shipping-manager{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.units-grid{grid-template-columns:1fr;gap:16px}.form-row{grid-template-columns:1fr;gap:12px}.manager-header{flex-direction:column;align-items:stretch;text-align:center}.card-actions{flex-wrap:wrap}.action-btn{flex:1;min-width:calc(50% - 4px)}.modal-content{margin:16px;max-height:85vh}.view-header{flex-direction:column;text-align:center}.stats-mini{flex-direction:column;gap:12px}}@media(max-width:640px){.modal-content.view-modal{max-width:95%;margin:10px}.info-grid{grid-template-columns:1fr;gap:16px}.view-header{flex-direction:column;text-align:center}.stats-content{flex-direction:column;gap:12px}.stat-divider{width:100%;height:1px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-label{margin-bottom:2px}}.admin-profile{min-height:100vh;background:#f5f7fa;padding-bottom:40px}.admin-profile.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6c757d}.spinning{animation:spin 1s linear infinite;font-size:32px;color:#2e7d32}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:8px;margin:20px;animation:slideIn .3s ease}.alert.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-header{position:relative;background:#fff;margin-bottom:80px}.profile-cover{height:250px;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-avatar-container{position:absolute;bottom:-60px;left:40px;display:flex;align-items:flex-end;gap:24px}.profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 4px 12px #00000026}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px}.avatar-upload-btn{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:50%;background:#2e7d32;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.avatar-upload-btn:hover{background:#1b5e20;transform:scale(1.1)}.profile-info{margin-bottom:20px}.profile-info h1{margin:0 0 8px;font-size:28px;color:#1a1a1a}.profile-role{display:flex;gap:12px;margin:0}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.role-badge.admin{background:#e8f5e9;color:#2e7d32}.role-badge.verified{background:#e3f2fd;color:#1976d2}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:0 40px;margin-top:40px}.profile-sidebar{position:sticky;top:90px}.stats-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.stats-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.stat-item:last-child{border-bottom:none}.stat-label{font-size:13px;color:#6c757d}.stat-value{font-size:14px;font-weight:600;color:#2e7d32}.profile-main{display:flex;flex-direction:column;gap:24px}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.card-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.edit-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#e9ecef;border-color:#2e7d32;color:#2e7d32}.edit-actions{display:flex;gap:12px}.edit-actions .cancel-btn,.edit-actions .save-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.edit-actions .cancel-btn{background:#f8f9fa;border:1px solid #e0e0e0;color:#6c757d}.edit-actions .cancel-btn:hover{background:#e9ecef}.edit-actions .save-btn{background:#2e7d32;border:none;color:#fff}.edit-actions .save-btn:hover:not(:disabled){background:#1b5e20}.edit-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:span 2}.info-item label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value{display:flex;align-items:center;gap:12px;font-size:14px;color:#1a1a1a}.info-icon{color:#2e7d32;font-size:16px;width:20px}.info-value input,.info-value select,.info-value textarea{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s}.info-value input:focus,.info-value select:focus,.info-value textarea:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.info-value textarea{resize:vertical;font-family:inherit}.password-form{max-width:500px}.form-group{margin-bottom:20px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.password-input-wrapper input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.toggle-password{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:0}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions .cancel-btn,.form-actions .save-btn{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.form-actions .cancel-btn{background:#f8f9fa;border:1px solid #e0e0e0;color:#6c757d}.form-actions .save-btn{background:#2e7d32;border:none;color:#fff;display:flex;align-items:center;gap:8px}.form-actions .save-btn:hover:not(:disabled){background:#1b5e20}.form-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.security-info{color:#6c757d;line-height:1.5}.security-tip{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:#f57c00}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.avatar-modal .modal-body{text-align:center}.avatar-preview{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid #2e7d32}.avatar-preview img{width:100%;height:100%;object-fit:cover}.modal-header h2{margin:0;font-size:20px;font-weight:600}@media(max-width:1024px){.profile-content{grid-template-columns:1fr;padding:0 24px}.profile-sidebar{position:static}}@media(max-width:768px){.profile-avatar-container{left:20px;bottom:-50px}.profile-avatar{width:100px;height:100px}.profile-info h1{font-size:20px}.info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:span 1}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.edit-actions{width:100%}.edit-actions button{flex:1;justify-content:center}}:root{--primary: #10b981;--primary-hover: #059669;--primary-soft: rgba(16, 185, 129, .12);--bg-page: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-light: #e2e8f0;--input-bg: #f8fafc;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 10px 25px -5px rgba(0,0,0,.05), 0 8px 10px -6px rgba(0,0,0,.02)}[data-theme=dark]{--primary: #f1f5f9;--primary-hover: #6ee7b7;--primary-soft: rgba(52, 211, 153, .15);--bg-page: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-light: #334155;--input-bg: #0f172a;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 10px 25px -5px rgba(0,0,0,.4), 0 8px 10px -6px rgba(0,0,0,.3)}.admin-settings{background-color:var(--bg-page);min-height:100vh;padding:2rem;color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.settings-containers{max-width:70vw;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem;background:transparent}.settings-header h1{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.settings-header p{color:var(--text-secondary);font-size:.95rem}.settings-section{background:var(--bg-card);border-radius:1.25rem;padding:1.75rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .25s ease}.section-title{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light);color:var(--text-primary)}.section-title svg{color:var(--primary);font-size:1.3rem}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group label{display:block;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.6rem;color:var(--text-secondary)}.form-group select{width:100%;padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-light);border-radius:.75rem;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.form-group select:hover{border-color:var(--primary)}.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.theme-card{cursor:pointer;padding:1.25rem;border-radius:1rem;border:1.5px solid var(--border-light);background:var(--input-bg);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .25s cubic-bezier(.2,.9,.4,1.1);color:var(--text-secondary);font-weight:500}.theme-card svg{font-size:2rem;transition:transform .2s}.theme-card:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-3px)}.theme-card.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 8px 20px -8px #10b9814d}.theme-card.active svg{transform:scale(1.08)}.form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.save-btn{background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:2rem;font-weight:600;border:none;display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #0000001a}.save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px -8px var(--primary)}.alert{padding:.9rem 1.2rem;border-radius:1rem;font-size:.85rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alert.success{background:var(--primary-soft);color:var(--primary);border-left:4px solid var(--primary)}.alert.error{background:#ef44441a;color:#f87171;border-left:4px solid #ef4444}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.admin-settings{padding:1rem}.theme-grid{grid-template-columns:1fr;gap:1rem}.settings-section{padding:1.25rem}.section-title{font-size:1rem}.save-btn{width:100%;justify-content:center}}.shipping-vouchers{padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 64px);background:#f8f9fa}.vouchers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.vouchers-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center}.vouchers-actions{display:flex;gap:12px}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2e7d32;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-btn:hover{background:#1b5e20;transform:translateY(-1px);box-shadow:0 2px 8px #2e7d324d}.vouchers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.green{background:#e8f5e9;color:#2e7d32}.stat-icon.blue{background:#e3f2fd;color:#1976d2}.stat-icon.orange{background:#fff3e0;color:#f57c00}.stat-icon.purple{background:#f3e5f5;color:#7b1fa2}.stat-content{flex:1}.stat-label{display:block;font-size:13px;color:#6c757d;margin-bottom:4px}.stat-value{display:block;font-size:24px;font-weight:600;color:#1a1a1a}.vouchers-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:14px}.search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.search-box input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.filter-toggle:hover,.filter-toggle.active{background:#f8f9fa;border-color:#2e7d32;color:#2e7d32}.clear-filters{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;color:#dc3545}.clear-filters:hover{background:#ffebee;border-color:#dc3545}.filter-panel{background:#fff;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e0e0e0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group label{font-size:14px;font-weight:500;color:#495057}.filter-group select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;min-width:150px}.vouchers-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.vouchers-table{width:100%;border-collapse:collapse;min-width:800px}.vouchers-table thead tr{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.vouchers-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#495057}.vouchers-table td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;color:#212529}.vouchers-table tbody tr:hover{background:#f8f9fa}.voucher-code{display:flex;align-items:center;gap:8px;font-weight:600;color:#2e7d32;font-family:monospace;font-size:14px}.code-icon{color:#2e7d32}.discount-cell{font-weight:600;color:#f57c00}.min-order{color:#6c757d}.date-cell{display:flex;align-items:center;gap:8px;color:#6c757d}.date-icon{color:#adb5bd}.action-buttons{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;background:transparent;color:#6c757d}.action-btn:hover{transform:translateY(-1px)}.action-btn.view:hover{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#fff3e0;color:#f57c00}.action-btn.disable:hover{background:#ffebee;color:#dc3545}.action-btn.enable:hover{background:#e8f5e9;color:#2e7d32}.action-btn.delete:hover{background:#ffebee;color:#dc3545}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.loading-state .spinning{font-size:32px;color:#2e7d32;margin-bottom:16px;animation:spin 1s linear infinite}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin-bottom:20px;font-size:16px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px}.pagination-info{font-size:14px;color:#6c757d}.pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination-controls button{width:36px;height:36px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#495057}.pagination-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#2e7d32;color:#2e7d32}.pagination-controls button.active{background:#2e7d32;border-color:#2e7d32;color:#fff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;transition:color .2s}.close-btn:hover{color:#dc3545}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{margin-bottom:0}.form-group.full-width{grid-column:span 2}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#495057}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.form-group input:disabled{background:#f8f9fa;color:#6c757d}.form-group small{display:block;margin-top:6px;font-size:11px;color:#6c757d}textarea{resize:vertical;font-family:inherit}.cancel-btn{padding:8px 20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e9ecef}.save-btn{padding:8px 20px;background:#2e7d32;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.save-btn:hover:not(:disabled){background:#1b5e20;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#c82333}.detail-modal{max-width:600px}.voucher-detail{display:flex;flex-direction:column;gap:24px}.detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.voucher-badge{display:inline-flex;align-items:center;gap:8px;background:#e8f5e9;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600;color:#2e7d32}.detail-section{background:#f8f9fa;border-radius:12px;padding:16px}.detail-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;font-weight:500;color:#212529}.info-item .discount-value{color:#f57c00;font-weight:600;font-size:16px}.description{font-size:14px;color:#495057;line-height:1.5;margin:0}.confirm-modal{max-width:400px;text-align:center}.confirm-modal .modal-body{text-align:center}.warning-icon{font-size:48px;color:#f57c00;margin-bottom:16px}.warning-text{font-size:12px;color:#6c757d;margin-top:8px}@media(max-width:768px){.shipping-vouchers{padding:16px}.vouchers-header{flex-direction:column;align-items:flex-start}.vouchers-actions{width:100%}.add-btn{width:100%;justify-content:center}.vouchers-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:20px}.vouchers-filters{flex-direction:column}.search-box{width:100%}.filter-toggle,.clear-filters{justify-content:center}.pagination{flex-direction:column;align-items:center}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-content{width:95%;margin:16px}.info-grid{grid-template-columns:1fr}}@media(max-width:480px){.vouchers-stats{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}.pagination-controls{justify-content:center}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}