:root{--primary:#6366f1;--primary-light:#eef2ff;--primary-hover:#4f46e5;--bg-main:#fcfcfd;--bg-card:#fff;--bg-sidebar:#fff;--text-main:#1a1c23;--text-muted:#64748b;--text-on-sidebar:#475569;--text-sidebar-active:#6366f1;--border:#f1f1f4;--accent:#10b981;--error:#ef4444;--warning:#f59e0b;--sidebar-width:250px;--header-height:70px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000000a, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex}#root{width:100%;min-height:100vh;display:flex}.admin-container{background-color:#f7f9fc;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:24px 24px;gap:20px;width:100%;min-height:100vh;padding:20px;display:flex}.sidebar{width:var(--sidebar-width);z-index:20;background-color:#fff;border:1px solid #0000000d;border-radius:28px;flex-direction:column;flex-shrink:0;height:calc(100vh - 40px);transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:20px;overflow:hidden;box-shadow:0 10px 25px -5px #00000008}.sidebar.collapsed{width:84px}.main-content{flex-direction:column;flex-grow:1;gap:20px;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background-color:#fffc;border:1px solid #0000000d;border-radius:24px;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px -5px #00000008}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:0;animation:.6s cubic-bezier(.16,1,.3,1) slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.nav-link{border-radius:var(--radius-sm);color:var(--text-on-sidebar);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:12px;margin:4px 12px;padding:10px 12px;font-size:.925rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.collapsed .nav-link{justify-content:center;gap:0;margin:4px 8px;padding:10px 0}.nav-link:hover{background-color:var(--primary-light);color:var(--primary)}.nav-link.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.nav-link svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.nav-link:hover svg{transform:scale(1.05)}.collapsed .link-text{opacity:0;width:0;display:none}.badge{border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-success{color:#22c55e;background:#22c55e1a}.badge-warning{color:#f59e0b;background:#f59e0b1a}.badge-error{color:#ef4444;background:#ef44441a}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);border-color:#e2e2e7}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-container{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#f8fafc;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1.25rem 1.5rem;font-size:.95rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.font-medium{color:var(--text-main);font-weight:600}.action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--primary-light);color:var(--primary)}.status-badge{border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.date-picker-placeholder{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;padding:.5rem 1rem;font-weight:500}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.kpi-card:hover{box-shadow:var(--shadow-lg);border-color:#e2e2e7;transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.kpi-icon-bg{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon-bg.primary{color:var(--primary);background:#6366f11a}.kpi-icon-bg.success{color:#22c55e;background:#22c55e1a}.kpi-icon-bg.warning{color:#f59e0b;background:#f59e0b1a}.kpi-icon-bg.info{color:#0ea5e9;background:#38bdf81a}.kpi-value{color:var(--text-main);font-size:2.25rem;font-weight:800;line-height:1.1}.kpi-value.warning-text{color:#ef4444}.kpi-trend{align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.kpi-trend.positive{color:#22c55e}.kpi-trend.negative{color:#ef4444}.kpi-trend.neutral{color:var(--text-muted)}.dashboard-charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.chart-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.chart-placeholder{border-radius:var(--radius-sm);width:100%;height:250px}.kpi-icon-bg.error{color:#ef4444;background:#ef44441a}
@media (max-width:768px){.admin-container{flex-direction:column}.sidebar{width:100%;height:auto}.header{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:.3s ease-out fadeIn}.table-row:hover{background-color:#f8fafc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}