@charset "UTF-8";:root{--primary: #FF2E63;--secondary: #7366ff;--white: #FFFFFF;--bg-body: #F5F7FB;--bg-surface: #FFFFFF;--text-main: #2b2b2b;--text-muted: #8f95b2;--border-color: rgba(0,0,0,.05);--header-height: 80px;--sidebar-width: 260px;--bg-hover: rgba(0, 0, 0, .048);--color-success: #00d2b4;--color-warning: #fca130;--color-danger: #ff4d4f;--color-info: #2e9afe;--color-green: #1f7c0d}body.dark-mode{--bg-body: #0F111A;--bg-surface: #1E2130;--text-main: #FFFFFF;--text-muted: #94A3B8;--border-color: rgba(255, 255, 255, .1);--bg-hover: rgba(255, 255, 255, .05)}body{background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s ease,color .3s ease;margin:0;font-family:Rubik,sans-serif}.page-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:fadeIn .4s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header .title{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-main)}.page-header .subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.card-table-wrapper{background:var(--bg-surface);border-radius:16px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color);padding:1.5rem;overflow:hidden}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.search-box{position:relative;width:100%;max-width:320px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:100%;box-sizing:border-box;padding:10px 40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);outline:none;color:var(--text-main);font-weight:500;transition:all .2s}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2e631a}.search-box .btn-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease}.search-box .btn-clear-search:hover{background:var(--bg-hover);color:var(--color-danger, #ff4d4f)}.actions-group{display:flex;gap:10px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;box-shadow:0 4px 10px #ff2e6333}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ff2e634d}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:8px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#ff2e630d}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.data-table thead th{text-align:left;padding:1rem;font-size:.8rem;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody td{padding:1rem;vertical-align:middle;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:.95rem;transition:background .2s}.data-table tbody tr:hover td{background-color:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.text-id{font-family:Courier New,monospace;font-weight:700;color:var(--primary);background:#ff2e630d;padding:4px 8px;border-radius:6px;font-size:.85rem}.table-item-info{display:flex;align-items:center;gap:12px}.table-item-info img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f1f1f1;border:1px solid var(--border-color)}.table-item-info .info-text{display:flex;flex-direction:column}.table-item-info .info-text .main-text{font-weight:600;color:var(--text-main)}.table-item-info .info-text .sub-text{font-size:.8rem;color:var(--text-muted)}.font-bold{font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.badge{padding:6px 12px;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent}.badge.green{background:color-mix(in srgb,var(--color-green, #00d2b4) 15%,transparent);color:var(--color-green, #00d2b4)}.badge.outline{background:transparent}.badge.outline.success{border-color:var(--color-success)}.badge.outline.warning{border-color:var(--color-warning)}.badge.outline.danger{border-color:var(--color-danger)}.badge.outline.info{border-color:var(--color-info)}.badge.outline.gray{border-color:var(--text-muted)}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.btn-icon{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ff2e6314;color:var(--primary);border-color:#ff2e6333}.btn-icon.delete:hover{background:#ff4d4f1a;color:var(--color-danger);border-color:#ff4d4f33}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.pagination-info{font-size:.85rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:6px}.pagination-controls button{border:1px solid var(--border-color);background:var(--bg-surface);padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--text-main);font-size:.85rem;transition:.2s}.pagination-controls button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-controls button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-container{gap:1rem;padding:.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .btn-primary{justify-content:center}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-box{max-width:100%}.filter-bar .actions-group{display:grid;grid-template-columns:1fr 1fr}.filter-bar .btn-outline{justify-content:center}.card-table-wrapper{padding:.5rem}.pagination-wrapper{flex-direction:column;gap:1rem;align-items:center;text-align:center}}.skeleton{background-color:color-mix(in srgb,var(--text-muted) 10%,transparent);background-image:linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 0%,transparent),color-mix(in srgb,var(--text-muted) 15%,transparent),color-mix(in srgb,var(--text-muted) 0%,transparent));background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:6px;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk-text{height:14px;width:100%;margin-bottom:8px;border-radius:4px}.sk-text.w-25{width:25%}.sk-text.w-50{width:50%}.sk-text.w-75{width:75%}.sk-title{height:24px;width:50%;margin-bottom:12px;border-radius:6px}.sk-avatar{border-radius:50%;width:48px;height:48px}.sk-icon{width:40px;height:40px;border-radius:8px}.sk-badge{width:60px;height:24px;border-radius:20px}.sk-chart{width:100%;height:220px;border-radius:12px}.badge{padding:6px 12px;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.badge.success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge.warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge.danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.badge.info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.badge.gray{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem;width:100%;max-width:100vw;overflow-x:hidden}.page-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.page-header p{font-size:.95rem;color:var(--text-muted);margin:0}.page-header .btn-outline{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;cursor:pointer}.page-header .btn-primary{padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.card{background:var(--bg-surface);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 4px 20px color-mix(in srgb,var(--text-main) 3%,transparent);min-width:0}@media(max-width:640px){.card{padding:1.25rem 1rem}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-main)}.card-header .subtitle{font-size:.8rem;color:var(--text-muted);display:block;margin-top:2px}.card-header .btn-icon{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.metrics-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.top-chart-section,.secondary-section{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.secondary-section{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.secondary-section{grid-template-columns:repeat(3,1fr)}}.metric-card .icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-card .icon-box.primary{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.metric-card .icon-box.success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.metric-card .icon-box.warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.metric-card .icon-box.info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.metric-card .value{font-size:1.8rem;font-weight:700;color:var(--text-main);margin:5px 0 0}.product-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed var(--border-color);margin-bottom:12px}.product-item:last-child{border:none;margin-bottom:0;padding-bottom:0}.prod-info{display:flex;flex-direction:column}.prod-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.prod-cat{font-size:.75rem;color:var(--text-muted)}.table-card{padding:1.5rem 0}.table-card .card-header{padding:0 1.5rem}.table-responsive{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;padding:12px 1.5rem;color:var(--text-muted);font-size:.8rem;background:color-mix(in srgb,var(--text-muted) 4%,transparent);border-bottom:1px solid var(--border-color)}td{padding:16px 1.5rem;color:var(--text-main);font-size:.9rem;border-bottom:1px solid var(--border-color)}.mini-img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--border-color)}