@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-blue: #004e92;--primary-dark: #000428;--accent-green: #11998e;--accent-light: #38ef7d;--bg-body: #0b1120;--bg-card: #1e293b;--bg-sidebar: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-on-dark: #f8fafc;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--border-subtle: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 15px rgba(17, 153, 142, .3);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-sm)}.glass-panel-dark{background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);color:var(--text-on-dark)}.industrial-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.industrial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-green)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue))}.text-gradient{background:linear-gradient(135deg,var(--primary-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.full-screen-center{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:radial-gradient(circle at center,#f8fafc,#e2e8f0)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:2rem;max-width:1800px;margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.text-secondary{color:var(--text-secondary)}.text-on-dark{color:var(--text-on-dark)}.industrial-btn{background:linear-gradient(135deg,var(--primary-blue),#0061b0);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;box-shadow:var(--shadow-md);transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.industrial-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.industrial-btn.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:none}.industrial-btn.btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#004e920d}.industrial-input{background:#fff;border:1px solid var(--border-subtle);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;width:100%;box-sizing:border-box;font-size:.95rem;transition:all .2s;box-shadow:var(--shadow-sm)}.industrial-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #11998e1a}.industrial-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}.industrial-table th{background:#f8fafc;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1rem;border-bottom:2px solid var(--border-subtle);text-align:left}.industrial-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);background:#fff}.industrial-table tr:last-child td{border-bottom:none}.industrial-table tr:hover td{background-color:#f1f5f9}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.75rem}.status-online{background-color:#dcfce7;color:#166534}.status-offline{background-color:#fee2e2;color:#991b1b}.status-warning{background-color:#fef9c3;color:#854d0e}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.icon-btn{transition:transform .2s,color .2s}.icon-btn:hover{transform:translateY(-2px);color:var(--primary-blue)!important}@media(max-width:640px){.responsive-padding{padding:1rem!important}.responsive-text-sm{font-size:.875rem!important}}@media(max-width:1023px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(max-width:768px){button,.btn,.industrial-btn{min-height:44px!important;padding:.75rem 1.25rem!important}}