body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-navbar:#fff;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--bg-sidebar:#0d1321;--sidebar-hover:#243044;--sidebar-text:#8899b4;--sidebar-text-muted:#568;--sidebar-border:#1e2d45;--accent-blue:#2563eb;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-orange:#f97316;--shadow:0 4px 20px #00000014;--radius:12px;--radius-sm:8px;--radius-xs:4px}#root,body,html{height:100%;margin:0}.dashboard-wrapper{background:#fff;background:var(--bg-primary);color:#111827;color:var(--text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;min-height:100vh;overflow:hidden}.mobile-sidebar-toggle{display:none}.sidebar{background:#0d1321;background:var(--bg-sidebar);border-right:1px solid #1e2d45;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;height:100vh;min-width:260px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:260px;z-index:100}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#1e2d45;background:var(--sidebar-border);border-radius:4px}.sidebar-logo{align-items:center;border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--sidebar-border);display:flex;gap:12px;padding:20px 20px 16px}.sidebar-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.sidebar-logo .logo-icon img{height:34px;object-fit:contain;width:34px}.sidebar-logo .logo-text{display:flex;flex-direction:column}.sidebar-logo .logo-text h2{color:#e8edf5;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.sidebar-logo .logo-text span{color:#06b6d4;color:var(--accent-cyan);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.sidebar-menu{flex:1 1;padding:12px 0}.menu-section-title{color:#568;color:var(--sidebar-text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;margin-top:8px;padding:8px 22px;text-transform:uppercase}.menu-item{align-items:center;border-left:3px solid #0000;color:#8899b4;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 20px;position:relative;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:#243044;background:var(--sidebar-hover);color:#e8edf5}.menu-item.active{background:#2563eb1f;border-left-color:#2563eb;border-left-color:var(--accent-blue);color:#2563eb;color:var(--accent-blue)}.menu-item .menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:22px}.menu-item .menu-badge{background:#ef4444;background:var(--accent-red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--bg-navbar);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:99}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:16px}.navbar-left .page-title{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600}.search-bar{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#9ca3af;color:var(--text-muted);display:flex;padding:6px 14px;transition:all .3s;width:320px}.search-bar:focus-within{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.search-bar input{background:#0000;border:none;color:#111827;color:var(--text-primary);font-size:13px;margin-left:8px;outline:none;width:100%}.search-bar input::placeholder{color:#9ca3af;color:var(--text-muted)}.navbar-right{align-items:center;display:flex;gap:8px}.navbar-right .nav-icon-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.navbar-right .nav-icon-btn:hover{background:#f1f5f9;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.navbar-right .nav-icon-btn .notif-dot{background:#ef4444;background:var(--accent-red);border:2px solid #fff;border:2px solid var(--bg-navbar);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.lang-popover-wrapper{position:relative}.lang-popover{background:#fff;background:var(--bg-navbar);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 22px 48px #0f172a1f;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);width:180px;z-index:101}.lang-popover-item{align-items:center;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:10px 14px;transition:background .2s ease}.lang-popover-item.active,.lang-popover-item:hover{background:#f1f5f9;background:var(--bg-hover)}.user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:4px 12px 4px 4px;transition:all .2s}.user-profile:hover{background:#f1f5f9;background:var(--bg-hover)}.user-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#2563eb);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{line-height:1.2}.user-info .user-name{color:#111827;color:var(--text-primary);font-size:13px;font-weight:600}.user-info .user-role{color:#9ca3af;color:var(--text-muted);font-size:11px}.dashboard-content{flex:1 1;max-height:calc(100vh - 72px);overflow-y:auto;padding:24px 28px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.kpi-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;cursor:pointer;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s ease}.kpi-card:hover{border-color:#2563eb4d;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.kpi-card .kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.kpi-card .kpi-label{color:#4b5563;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.kpi-card .kpi-icon{align-items:center;border-radius:8px;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.kpi-card .kpi-value{color:#111827;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.kpi-card .kpi-change{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.kpi-change.positive{color:#10b981;color:var(--accent-green)}.kpi-change.negative{color:#ef4444;color:var(--accent-red)}.kpi-card .kpi-bg-icon{bottom:-5px;font-size:60px;opacity:.05;pointer-events:none;position:absolute;right:-5px}.kpi-card.blue .kpi-icon{background:#2563eb1a;color:#2563eb;color:var(--accent-blue)}.kpi-card.green .kpi-icon{background:#10b9811a;color:#10b981;color:var(--accent-green)}.kpi-card.orange .kpi-icon{background:#f973161a;color:#f97316;color:var(--accent-orange)}.kpi-card.cyan .kpi-icon{background:#06b6d41a;color:#06b6d4;color:var(--accent-cyan)}.kpi-card.red .kpi-icon{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.kpi-card.purple .kpi-icon{background:#8b5cf61a;color:#8b5cf6;color:var(--accent-purple)}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:24px}.chart-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;padding:20px}.chart-card.full-width{grid-column:1/-1}.chart-card .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-card .chart-title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px}.chart-card .chart-title i{color:#2563eb;color:var(--accent-blue);font-size:14px}.chart-card .chart-actions{display:flex;gap:8px}.chart-card .chart-action-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:4px 12px;transition:all .2s}.chart-card .chart-action-btn.active,.chart-card .chart-action-btn:hover{background:#2563eb;background:var(--accent-blue);border-color:#2563eb;border-color:var(--accent-blue);color:#fff}.table-responsive{overflow-x:auto;width:100%}.permissions-table{max-width:100%;min-width:98%;table-layout:fixed;width:98%}.permissions-table td,.permissions-table th{padding:6px 8px;white-space:normal;word-break:break-word}.permissions-table th{min-width:80px}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead th{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#9ca3af;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody td{border-bottom:1px solid #f1f5f9;color:#4b5563;color:var(--text-secondary);padding:10px 14px;white-space:nowrap}.data-table tbody tr{background:#fff}.data-table tbody tr:hover{background:#f1f5f9;background:var(--bg-hover)}.data-table .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:3px 10px}.status-badge.entry{background:#10b9811f;color:#10b981;color:var(--accent-green)}.status-badge.exit{background:#ef44441f;color:#ef4444;color:var(--accent-red)}.status-badge.transfer{background:#2563eb1f;color:#2563eb;color:var(--accent-blue)}.status-badge.critical{background:#ef44441f;color:#ef4444;color:var(--accent-red)}.status-badge.warning{background:#f59e0b1f;color:#f59e0b;color:var(--accent-yellow)}.status-badge.ok{background:#10b9811f;color:#10b981;color:var(--accent-green)}.status-badge.purple{background:#8b5cf61f;color:#8b5cf6;color:var(--accent-purple)}.two-col-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.notification-list{display:flex;flex-direction:column;gap:6px}.notification-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s}.notification-item:hover{background:#f1f5f9;background:var(--bg-hover)}.notification-item .notif-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.notification-item .notif-text{color:#4b5563;color:var(--text-secondary);flex:1 1;font-size:13px}.notification-item .notif-time{color:#9ca3af;color:var(--text-muted);font-size:11px;white-space:nowrap}.notif-icon.red{background:#ef44441f;color:#ef4444;color:var(--accent-red)}.notif-icon.green{background:#10b9811f;color:#10b981;color:var(--accent-green)}.notif-icon.yellow{background:#f59e0b1f;color:#f59e0b;color:var(--accent-yellow)}.notif-icon.blue{background:#2563eb1f;color:#2563eb;color:var(--accent-blue)}.agenda-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:14px;margin-bottom:6px;padding:10px 14px;transition:all .2s}.agenda-item:hover{background:#f1f5f9;background:var(--bg-hover)}.agenda-item .agenda-date{flex-shrink:0;text-align:center;width:44px}.agenda-item .agenda-date .day{color:#111827;color:var(--text-primary);display:block;font-size:18px;font-weight:700;line-height:1}.agenda-item .agenda-date .month{color:#9ca3af;color:var(--text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.agenda-item .agenda-info{flex:1 1}.agenda-item .agenda-info .agenda-title{color:#111827;color:var(--text-primary);font-size:13px;font-weight:600}.agenda-item .agenda-info .agenda-desc{color:#9ca3af;color:var(--text-muted);font-size:11px}.page-container{flex:1 1;overflow-y:auto;padding:24px 28px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.page-header .page-title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.page-header .page-title i{color:#2563eb;color:var(--accent-blue);font-size:18px}.page-subtitle{color:#9ca3af;color:var(--text-muted);font-size:13px;margin:2px 0 0}.page-actions{display:flex;gap:10px}.btn-primary{align-items:center;background:#2563eb;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 18px;transition:all .2s}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;background:var(--bg-hover)}.page-filters{display:flex;gap:12px;margin-bottom:16px}.page-filters input,.search-input-group input{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);font-size:13px;max-width:100%;outline:none;padding:8px 14px;transition:all .2s;width:280px}.search-input-group{align-items:center;display:inline-flex;position:relative}.search-input-group .search-input-icon{color:#9ca3af;color:var(--text-muted);font-size:13px;left:10px;pointer-events:none;position:absolute}.search-input-group input{padding-left:32px}.page-filters input:focus,.search-input-group input:focus{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.page-filters input::placeholder,.search-input-group input::placeholder{color:#9ca3af;color:var(--text-muted)}.table-wrapper{box-shadow:0 1px 2px #0000000a;overflow:hidden;padding:6px}.form-panel,.table-wrapper{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius)}.form-panel{animation:fadeInUp .3s ease forwards;margin-bottom:20px;padding:20px}.form-panel h3{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.form-panel h3 i{color:#2563eb;color:var(--accent-blue)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#4b5563;color:var(--text-secondary);font-size:12px;font-weight:600}.form-group .form-control,.form-group .input-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);font-size:13px;outline:none;padding:8px 12px;transition:all .2s}.form-group .form-control:focus,.form-group .input-select:focus{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.form-actions{display:flex;gap:10px;margin-top:18px}.action-btns{display:flex;gap:6px}.btn-icon{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s}.btn-icon:hover{background:#f1f5f9;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.btn-icon.primary:hover{background:#2563eb1a;border-color:#2563eb4d;color:#2563eb;color:var(--accent-blue)}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;color:var(--accent-red)}.categorias-panel{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;margin-bottom:20px;padding:16px 20px}.categorias-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.categorias-header h3{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.categorias-header h3 i{color:#2563eb;color:var(--accent-blue)}.categorias-list{display:flex;flex-wrap:wrap;gap:8px}.categoria-chip{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;color:#111827;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:5px 12px}.categoria-chip i{color:#2563eb;color:var(--accent-blue)}.categoria-remove{align-items:center;background:#ef44441f;border:none;border-radius:50%;color:#ef4444;color:var(--accent-red);cursor:pointer;display:inline-flex;font-size:11px;height:18px;justify-content:center;margin-left:2px;transition:all .2s;width:18px}.categoria-remove:hover{background:#ef4444;background:var(--accent-red);color:#fff}.categorias-empty{color:#9ca3af;color:var(--text-muted);font-size:13px}.categoria-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.categoria-form .form-control{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);flex:1 1;font-size:13px;min-width:200px;outline:none;padding:8px 12px;transition:all .2s}.categoria-form .form-control:focus{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.alert-message{align-items:center;background:#2563eb14;border:1px solid #2563eb40;border-radius:8px;color:#2563eb;color:var(--accent-blue);display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 14px}.sucursais-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sucursal-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;padding:18px;transition:all .2s}.sucursal-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.sucursal-card-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.sucursal-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.sucursal-card-header h3{color:#111827;color:var(--text-primary);font-size:15px;font-weight:700;margin:0}.sucursal-provincia{align-items:center;color:#2563eb;color:var(--accent-blue);display:inline-flex;font-size:12px;font-weight:600;gap:5px}.sucursal-endereco{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin:0 0 12px}.sucursal-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:12px}.provincia-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.provincia-card{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);padding:14px 16px}.provincia-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.provincia-name{align-items:center;color:#111827;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:700;gap:6px}.provincia-name i{color:#2563eb;color:var(--accent-blue)}.provincia-qty{color:#111827;color:var(--text-primary);font-size:20px;font-weight:800}.provincia-bar{background:#e5e7eb;border-radius:6px;height:8px;margin-bottom:10px;overflow:hidden}.provincia-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.provincia-meta{color:#9ca3af;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between}.provincia-meta span{align-items:center;display:inline-flex;gap:4px}.chart-card-total{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:600}.activity-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.activity-summary-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px;transition:all .2s}.activity-summary-item:hover{border-color:#2563eb4d}.activity-summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.activity-summary-value{color:#111827;color:var(--text-primary);font-size:22px;font-weight:800;line-height:1}.activity-summary-label{color:#9ca3af;color:var(--text-muted);font-size:11px;font-weight:500;margin-top:2px}@media (max-width:1200px){.charts-grid,.two-col-grid{grid-template-columns:1fr}}@media (max-width:767px){.sidebar{min-width:0;overflow:hidden;transform:translateX(-100%);transition:transform .25s ease;width:0;z-index:120}.sidebar,.sidebar.open{height:100vh;left:0;position:fixed;top:0}.sidebar.open{box-shadow:4px 0 30px #00000080;min-width:260px;transform:translateX(0);width:260px}.sidebar-backdrop{background:#0f172a73;display:block;inset:0;position:fixed;z-index:110}.navbar{padding:10px 16px}.search-bar{width:160px}.dashboard-content,.page-container{padding:16px}.kpi-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kpi-card .kpi-value{font-size:22px}.user-info{display:none}.navbar-left .page-title{font-size:15px}.page-filters input,.search-input-group input{width:100%}}@media (max-width:766px){.mobile-sidebar-toggle{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.kpi-grid{grid-template-columns:1fr 1fr}.search-bar{width:120px}}.dashboard-content::-webkit-scrollbar,.page-container::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track,.page-container::-webkit-scrollbar-track{background:#0000}.dashboard-content::-webkit-scrollbar-thumb,.page-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-card,.data-table tbody tr,.kpi-card{animation:fadeInUp .4s ease forwards}.data-table tbody tr:first-child{animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.notification-bell-wrapper{align-items:center;display:flex;position:relative}.notification-button{position:relative}.notification-button.has-notifications i{animation:notificationBellShake 1.5s ease-in-out infinite}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:19px;justify-content:center;line-height:1;min-width:19px;padding:0 5px;position:absolute;right:-5px;top:-4px}@keyframes notificationBellShake{0%,to{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(0)}}.notification-overlay{inset:0;position:fixed;z-index:998}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 15px 40px #00000026;max-width:calc(100vw - 30px);overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:999}.notification-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 17px}.notification-dropdown-header strong{color:#111827;display:block;font-size:15px}.notification-header-count{color:#6b7280;display:block;font-size:11px;margin-top:3px}.notification-close-btn{background:#0000;border:0;border-radius:6px;color:#9ca3af;cursor:pointer;height:30px;width:30px}.notification-close-btn:hover{background:#f3f4f6;color:#111827}.notification-dropdown-body{max-height:390px;overflow-y:auto}.notification-dropdown-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:11px;padding:13px 15px;position:relative;transition:background .2s ease}.notification-dropdown-item:hover{background:#f9fafb}.notification-dropdown-item.unread{background:#f8fafc}.notification-dropdown-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;height:35px;justify-content:center;width:35px}.notification-dropdown-icon.red{background:#fee2e2;color:#dc2626}.notification-dropdown-icon.green{background:#dcfce7;color:#16a34a}.notification-dropdown-icon.blue{background:#dbeafe;color:#2563eb}.notification-dropdown-icon.yellow{background:#fef3c7;color:#d97706}.notification-dropdown-content{flex:1 1;min-width:0}.notification-dropdown-title{color:#111827;font-size:13px;font-weight:700;margin-bottom:3px}.notification-dropdown-text{color:#4b5563;font-size:12px;line-height:1.4;word-break:break-word}.notification-dropdown-time{color:#9ca3af;font-size:10px;margin-top:5px}.notification-unread-dot{background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notification-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;min-height:160px}.notification-empty i{font-size:28px}.notification-dropdown-footer{border-top:1px solid #e5e7eb;padding:10px}.notification-dropdown-footer button{background:#0000;border:0;color:#2563eb;cursor:pointer;font-size:12px;font-weight:600;padding:8px;width:100%}.notification-dropdown-footer button:hover{background:#eff6ff;border-radius:6px}.notification-dropdown-footer i{margin-left:7px}.mepit-notification-toast{align-items:flex-start;animation:mepitToastIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:10px;box-shadow:0 10px 30px #00000026;cursor:pointer;display:flex;gap:12px;max-width:calc(100vw - 30px);padding:14px;position:fixed;right:24px;top:78px;width:360px;z-index:2000}.toast-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.toast-content{flex:1 1;min-width:0}.toast-content strong{color:#111827;display:block;font-size:13px;margin-bottom:4px}.toast-content span{color:#6b7280;display:block;font-size:12px;line-height:1.4}.mepit-notification-toast>button{background:#0000;border:0;color:#9ca3af;cursor:pointer}.mepit-notification-toast>button:hover{color:#111827}@keyframes mepitToastIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.notification-dropdown{left:15px;max-width:none;position:fixed;right:15px;top:65px;width:auto}.mepit-notification-toast{left:15px;max-width:none;right:15px;top:70px;width:auto}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-box{background:#fff;background:var(--bg-primary,#fff);border-radius:10px;box-shadow:0 10px 40px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:16px;margin:0}.modal-body{padding:20px}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:10px;padding:16px 20px}.modal-info-grid{grid-gap:8px 16px;display:grid;font-size:13px;gap:8px 16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.modal-info-grid div strong{display:inline-block;min-width:120px}.alert-row{align-items:flex-start;background:#fff;border-bottom:1px solid #edf0f3;display:flex;gap:15px;padding:18px 20px;position:relative;transition:all .2s ease}.alert-row:last-child{border-bottom:none}.alert-row:hover{background:#f8fafc}.alert-unread{background:#f8fbff}.alert-icon{align-items:center;border-radius:12px;display:flex;font-size:17px;height:44px;justify-content:center;min-width:44px;width:44px}.alert-content{flex:1 1;min-width:0}.alert-content strong{color:#1f2937;font-size:14px}.alert-content p{font-size:13px;line-height:1.5;margin-bottom:8px;margin-top:5px}.alert-unread-indicator{background:#dc3545;border-radius:50%;height:8px;position:absolute;right:15px;top:20px;width:8px}.alert-empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:25px;height:65px;justify-content:center;margin:auto;width:65px}@media (max-width:576px){.alert-row{gap:10px;padding:15px}.alert-icon{height:38px;min-width:38px;width:38px}}form{margin:30px auto;text-align:center;width:500px}form input{margin-bottom:5px}form input[type=button]{margin-right:10px}.login-page{align-items:center;background:linear-gradient(135deg,#0d1321,#1e293b 50%,#2563eb 130%);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:loginFadeIn .5s ease forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000059;max-width:400px;padding:40px 36px;width:100%}.login-brand{margin-bottom:24px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:18px;box-shadow:0 8px 20px #2563eb59;display:flex;height:72px;justify-content:center;margin:0 auto 14px;overflow:hidden;width:72px}.login-logo img{height:52px;object-fit:contain;width:52px}.login-brand h1{color:#0d1321;font-size:28px;font-weight:800;letter-spacing:1px;margin:0}.login-subtitle{color:#2563eb;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.login-welcome{color:#6b7280;font-size:14px;margin:0 0 24px;text-align:center}.login-form{gap:16px;margin:0;text-align:left;width:100%}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px}.login-field label i{color:#2563eb;text-align:center;width:16px}.login-field input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.login-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.login-field input::placeholder{color:#9ca3af}.login-error{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;padding:10px 14px}.login-btn,.login-error{align-items:center;display:flex;gap:8px}.login-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;justify-content:center;margin-top:4px;padding:13px;transition:all .2s;width:100%}.login-btn:hover{box-shadow:0 8px 20px #2563eb59;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{color:#9ca3af;font-size:12px;margin:24px 0 0;text-align:center}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-card{padding:28px 22px}}
/*# sourceMappingURL=main.5ca1e122.css.map*/