@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-family-sans:"Inter", system-ui, -apple-system, sans-serif;--font-family-display:"Outfit", sans-serif;--bg-dark:#07080d;--bg-card:#161c2d66;--bg-card-hover:#161c2da6;--border-glass:#ffffff14;--border-glass-hover:#ffffff29;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--color-cyan:#06b6d4;--color-blue:#3b82f6;--color-violet:#8b5cf6;--color-emerald:#10b981;--color-amber:#f59e0b;--color-rose:#f43f5e;--shadow-main:0 8px 32px 0 #0000005e;--glow-cyan:0 0 15px #06b6d466;--glow-violet:0 0 15px #8b5cf666;--glow-emerald:0 0 15px #10b98166;--glow-rose:0 0 15px #f43f5e66;--glow-amber:0 0 15px #f59e0b66;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d414 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{transition:var(--transition-fast);background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-main);transition:border var(--transition-fast), background var(--transition-fast);border-radius:16px}.glass-panel-interactive{composes:glass-panel}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover)}.text-cyan{color:var(--color-cyan)}.text-blue{color:var(--color-blue)}.text-violet{color:var(--color-violet)}.text-emerald{color:var(--color-emerald)}.text-amber{color:var(--color-amber)}.text-rose{color:var(--color-rose)}.text-muted{color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:1.5s linear infinite spin}.animate-pulse-glow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-healthy{color:var(--color-emerald);background:#10b9811a;border-color:#10b98133}.badge-pending{color:var(--text-secondary);background:#94a3b81a;border-color:#94a3b833}.badge-warning{color:var(--color-amber);background:#f59e0b1a;border-color:#f59e0b33}.badge-danger{color:var(--color-rose);background:#f43f5e1a;border-color:#f43f5e33}.search-input{border:1px solid var(--border-glass);color:#fff;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00000040;border-radius:8px;outline:none;padding:10px 16px;font-size:.9rem}.search-input:focus{border-color:var(--color-cyan);box-shadow:0 0 10px #06b6d433}.btn{font-family:var(--font-family-display);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-violet) 100%);color:#fff;box-shadow:0 4px 15px #3b82f640}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666, var(--glow-violet);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-glass);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-cyan{color:var(--color-cyan);background:#06b6d41a;border-color:#06b6d433}.btn-cyan:hover:not(:disabled){border-color:var(--color-cyan);box-shadow:var(--glow-cyan);background:#06b6d433}.btn-icon{border-radius:8px;padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.nav-tabs{border-bottom:1px solid var(--border-glass);gap:8px;margin-bottom:2rem;padding-bottom:2px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;font-family:var(--font-family-display);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;display:flex}.nav-tab:hover:not(:disabled){color:var(--text-primary);border-bottom-color:#fff3}.nav-tab.active{color:var(--color-cyan);border-bottom-color:var(--color-cyan);text-shadow:0 0 10px #06b6d44d}.nav-tab:disabled{opacity:.5;cursor:not-allowed}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.modal{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-glass);box-shadow:var(--shadow-main);background:#0f172a;border-radius:16px;width:95%;max-width:500px;max-height:85vh;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;overflow-y:auto}.input-text{border:1px solid var(--border-glass);color:#fff;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00000040;border-radius:8px;outline:none;padding:10px 16px;font-size:.9rem}.input-text:focus{border-color:var(--color-cyan);box-shadow:0 0 10px #06b6d433}@media print{body{color:#000!important;background:#fff!important}.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}header,footer,nav,button,input,select,textarea,.btn,.search-input,.nav-tab,.pagination,.bulk-bar,hr{display:none!important}table{border-collapse:collapse!important;width:100%!important}th,td{color:#000!important;border:1px solid #ddd!important;padding:8px!important}}.layout-container{background:var(--bg-dark);min-height:100vh;display:flex}.main-content{min-height:100vh;transition:margin-left var(--transition-fast);flex-direction:column;flex:1;margin-left:260px;display:flex}.sidebar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);z-index:50;width:260px;transition:transform var(--transition-fast);position:fixed;top:0;bottom:0;left:0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open+.mobile-overlay{display:block}.mobile-menu-btn{display:flex!important}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-compact{border-collapse:collapse;text-align:left;width:100%}@media (width<=1024px){.table-medium{min-width:900px}.table-wide{min-width:1200px}}.table-compact tr{height:48px!important;max-height:48px!important}.table-compact th,.table-compact td{vertical-align:middle!important;padding:.4rem .6rem!important;font-size:.85rem!important;line-height:1.2!important}@media (width<=768px){main,.glass-panel{padding:1rem!important}.nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}.topbar{padding:0 1rem!important}.topbar-actions{gap:8px!important}.topbar-actions .btn-text{display:none!important}.topbar-actions .btn{padding:8px 12px!important}.topbar-divider,.topbar-username{display:none!important}}
