:root{--primary-color: #38AC57;--secondary-color: #64748b;--accent-color: #2d8a46;--background-light: #f1f5f9;--surface-white: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--success-color: #38AC57;--warning-color: #f59e0b;--error-color: #ef4444;--border-color: #e2e8f0;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:var(--shadow-sm)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-white{color:#fff}.text-left{text-align:left}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.rounded-full{border-radius:9999px}.bg-white{background-color:#fff}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background-color:var(--surface-white);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.glass-panel{background:var(--surface-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.dashboard-grid{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.sidebar{background-color:var(--surface-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;z-index:1001;transition:transform .3s ease}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0000001a}}.main-content{overflow-y:auto;padding:2rem;background-color:var(--background-light)}@media (max-width: 768px){.main-content{padding:1rem}}.sidebar-overlay{display:none}@media (max-width: 1024px){.sidebar-overlay.open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}}tr:hover{background-color:#f8fafc}th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.25rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s;font-weight:500}.nav-link:hover{background-color:#f1f5f9;color:var(--text-primary)}.nav-link.active{background-color:var(--primary-color);color:#fff!important;box-shadow:0 4px 6px -1px #22c55e33}.nav-link i,.nav-link svg{margin-right:.75rem;width:20px;height:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.stat-value{font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.stat-arrow{width:32px;height:32px;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stat-card:hover .stat-arrow{transform:rotate(45deg)}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:30px;border:1px solid #e5e7eb;flex:1;max-width:400px}.search-box input{border:none;outline:none;width:100%;font-size:.875rem}.filter-group{display:flex;gap:.75rem}.filter-select{padding:.75rem 1rem;border-radius:30px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;cursor:pointer;outline:none}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:30px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;cursor:pointer}.export-btn{display:flex;align-items:center;gap:.5rem;background:#38ac57;color:#fff;padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .2s}.export-btn:hover{background:#2d8a46}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.support-table{width:100%;border-collapse:collapse}.support-table th{background-color:#38ac57;color:#fff;padding:1rem;text-align:left;font-weight:600}.support-table td{padding:1rem;border-bottom:1px solid #f3f4f6}.support-table tr:hover{background-color:#f9fafb}.tab-btn{padding:.6rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.tab-btn.active{background-color:#38ac57;color:#fff;box-shadow:0 4px 6px -1px #38ac5733}.tab-btn.inactive{background-color:transparent;color:#6b7280}.tab-btn.inactive:hover{background-color:#f3f4f6}.pulsate{animation:pulsate 2s infinite}@keyframes pulsate{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.card{padding:1rem}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}.mobile-stack{display:flex;flex-direction:column}@media (min-width: 641px){.mobile-stack{flex-direction:row}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}