:root{--portal-primary:#3b82f6;--portal-primary-light:#60a5fa;--portal-primary-dark:#2563eb;--portal-primary-50:#eff6ff;--portal-primary-100:#dbeafe;--portal-primary-200:#bfdbfe;--portal-success:#10b981;--portal-success-light:#34d399;--portal-success-dark:#059669;--portal-accent:#f59e0b;--portal-accent-light:#fbbf24;--portal-accent-dark:#d97706;--portal-warning:#f59e0b;--portal-warning-light:#fcd34d;--portal-warning-dark:#b45309;--portal-error:#ef4444;--portal-error-light:#f87171;--portal-error-dark:#dc2626;--portal-bg:#f8fafc;--portal-bg-alt:#f1f5f9;--portal-card-bg:#fff;--portal-text:#1e293b;--portal-text-secondary:#475569;--portal-text-muted:#64748b;--portal-text-light:#94a3b8;--portal-border:#e2e8f0;--portal-border-light:#f1f5f9;--portal-border-focus:#3b82f6;--portal-shadow-sm:0 1px 2px 0 #0000000d;--portal-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--portal-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--portal-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--portal-radius-sm:.375rem;--portal-radius:.5rem;--portal-radius-lg:.75rem;--portal-radius-xl:1rem;--portal-radius-2xl:1.5rem;--portal-spacing-xs:.25rem;--portal-spacing-sm:.5rem;--portal-spacing-md:1rem;--portal-spacing-lg:1.5rem;--portal-spacing-xl:2rem;--portal-spacing-2xl:3rem;--portal-transition-fast:.15s ease;--portal-transition:.2s ease;--portal-transition-slow:.3s ease}.dark{--portal-bg:#0f172a;--portal-bg-alt:#1e293b;--portal-card-bg:#1e293b;--portal-text:#f1f5f9;--portal-text-secondary:#cbd5e1;--portal-text-muted:#94a3b8;--portal-text-light:#64748b;--portal-border:#334155;--portal-border-light:#1e293b;--portal-shadow-sm:0 1px 2px 0 #0000004d;--portal-shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0000004d;--portal-shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--portal-shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d}.portal-layout{background-color:var(--portal-bg);min-height:100vh}.portal-card{background-color:var(--portal-card-bg);border-radius:var(--portal-radius-lg);box-shadow:var(--portal-shadow);border:1px solid var(--portal-border-light);transition:box-shadow var(--portal-transition), transform var(--portal-transition)}.portal-card:hover{box-shadow:var(--portal-shadow-md)}.portal-card-clickable:hover{box-shadow:var(--portal-shadow-lg);transform:translateY(-2px)}.portal-button-primary{background:linear-gradient(135deg, var(--portal-primary), var(--portal-primary-dark));color:#fff;border-radius:var(--portal-radius);transition:all var(--portal-transition);box-shadow:var(--portal-shadow);padding:.75rem 1.5rem;font-weight:500}.portal-button-primary:hover{background:linear-gradient(135deg, var(--portal-primary-dark), var(--portal-primary));box-shadow:var(--portal-shadow-md);transform:translateY(-1px)}.portal-button-secondary{background-color:var(--portal-card-bg);color:var(--portal-text);border-radius:var(--portal-radius);border:1px solid var(--portal-border);transition:all var(--portal-transition);padding:.75rem 1.5rem;font-weight:500}.portal-button-secondary:hover{background-color:var(--portal-bg-alt);border-color:var(--portal-primary);color:var(--portal-primary)}.portal-input{background-color:var(--portal-card-bg);border:1px solid var(--portal-border);border-radius:var(--portal-radius);color:var(--portal-text);transition:all var(--portal-transition);padding:.75rem 1rem}.portal-input:focus{border-color:var(--portal-border-focus);box-shadow:0 0 0 3px var(--portal-primary-100);outline:none}.portal-badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.portal-badge-success{color:#166534;background-color:#dcfce7}.portal-badge-warning{color:#854d0e;background-color:#fef9c3}.portal-badge-error{color:#991b1b;background-color:#fee2e2}.portal-badge-info{color:#1e40af;background-color:#dbeafe}.dark .portal-badge-success{color:#dcfce7;background-color:#166534}.dark .portal-badge-warning{color:#fef9c3;background-color:#854d0e}.dark .portal-badge-error{color:#fee2e2;background-color:#991b1b}.dark .portal-badge-info{color:#dbeafe;background-color:#1e40af}@keyframes portal-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.portal-animate-fade-in{animation:.3s ease-out portal-fade-in}.portal-animate-slide-in{animation:.3s ease-out portal-slide-in}.portal-status-dot{border-radius:9999px;width:.5rem;height:.5rem}.portal-status-operational{background-color:var(--portal-success)}.portal-status-degraded{background-color:var(--portal-warning)}.portal-status-down{background-color:var(--portal-error)}.portal-quick-action{background-color:var(--portal-card-bg);border-radius:var(--portal-radius-lg);border:2px solid var(--portal-border-light);transition:all var(--portal-transition);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.portal-quick-action:hover{border-color:var(--portal-primary);box-shadow:var(--portal-shadow-md);transform:translateY(-2px)}.portal-quick-action-icon{border-radius:var(--portal-radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.75rem;display:flex}