@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--sidebar-900: #0d1117;--sidebar-800: #161b22;--sidebar-700: #21262d;--sidebar-600: #30363d;--sidebar-accent: #58a6ff;--sidebar-width: 228px;--header-height: 58px;--content-max: 1680px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,.18);--shadow-blue: 0 4px 14px rgba(37,99,235,.25);--shadow-green: 0 4px 14px rgba(22,163,74,.25);--shadow-red: 0 4px 14px rgba(220,38,38,.25);--primary-50: var(--blue-50);--primary-100: var(--blue-100);--primary-200: var(--blue-200);--primary-300: var(--blue-200);--primary-400: var(--blue-500);--primary-500: var(--blue-500);--primary-600: var(--blue-600);--primary-700: var(--blue-700);--primary-800: var(--blue-700);--primary-900: var(--blue-700);--accent-500: var(--blue-500);--accent-600: var(--blue-600);--success-50: var(--green-50);--success-100: var(--green-100);--success-200: var(--green-100);--success-500: var(--green-500);--success-600: var(--green-600);--success-700: var(--green-700);--warning-50: var(--amber-50);--warning-100: var(--amber-100);--warning-200: var(--amber-100);--warning-500: var(--amber-500);--warning-600: var(--amber-600);--warning-700: var(--amber-600);--danger-50: var(--red-50);--danger-100: var(--red-100);--danger-200: var(--red-100);--danger-500: var(--red-500);--danger-600: var(--red-600);--danger-700: var(--red-700);--info-50: var(--blue-50);--info-100: var(--blue-100);--info-200: var(--blue-200);--info-500: var(--blue-500);--info-600: var(--blue-600);--info-700: var(--blue-700);--gradient-primary: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-500) 100%);--gradient-success: var(--green-600);--gradient-danger: var(--red-600);--gradient-warning: var(--amber-500);--shadow-colored: var(--shadow-lg);--shadow-xs: var(--shadow-sm);--shadow-xl: var(--shadow-lg);--shadow-2xl: 0 8px 24px rgba(0,0,0,.12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s ease;--bg-pattern: none;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--sidebar-bg: #fff;--sidebar-hover: var(--gray-100);--sidebar-active: var(--blue-50);--auth-navy-900: #1e293b;--auth-navy-800: #334155;--auth-navy-700: #475569;--auth-cyan-500: var(--blue-500);--auth-cyan-600: var(--blue-600);--auth-surface: #f9fafb;--auth-border: var(--gray-200)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;letter-spacing:-.01em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}a{color:var(--blue-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--blue-700);text-decoration:underline}code{font-family:SF Mono,JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;padding:2px 7px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--blue-700);font-weight:500}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background:var(--gray-50)}.content{flex:1;padding:22px 28px;max-width:var(--content-max)}.sidebar{width:var(--sidebar-width);background:#111827;border-right:1px solid rgba(255,255,255,.07);position:fixed;height:100vh;z-index:1000;display:flex;flex-direction:column;overflow:hidden;box-shadow:1px 0 #ffffff0a,8px 0 48px #00000073}.sidebar-header{padding:22px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sidebar-logo{width:38px;height:38px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #3b82f666,0 6px 16px #3b82f659;flex-shrink:0}.sidebar-logo-text{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.5px}.sidebar-circle-outer{display:none}.sidebar-circle-inner{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.5px}.sidebar-brand-text{display:flex;flex-direction:column;gap:1px}.sidebar-title{font-size:15px;font-weight:800;color:#f9fafb;letter-spacing:-.5px;line-height:1.2}.sidebar-subtitle{font-size:10px;color:#ffffff52;text-transform:uppercase;letter-spacing:1.4px;font-weight:600}.sidebar-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.1px;border:1px solid transparent;margin-bottom:12px}.sidebar-status.ready{background:#22c55e1a;border-color:#22c55e38;color:#4ade80}.sidebar-status.degraded{background:#ef44441a;border-color:#ef444438;color:#f87171}.sidebar-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:currentColor;box-shadow:0 0 7px;animation:pulse 2.5s ease-in-out infinite}.sidebar-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.09);background:#ffffff0a;transition:border-color .15s,background .15s,box-shadow .15s}.sidebar-search:focus-within{border-color:#3b82f673;background:#3b82f612;box-shadow:0 0 0 3px #3b82f61f}.sidebar-search-icon{color:#ffffff61;flex-shrink:0;display:flex}.sidebar-search input{border:none;outline:none;background:transparent;padding:0;color:#f3f4f6;font-size:13px;width:100%;font-family:inherit}.sidebar-search input::placeholder{color:#ffffff4d}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.nav-section{margin-bottom:22px}.nav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff40;padding:0 10px;margin:0 0 5px}.nav-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff40;padding:0 10px;margin-bottom:5px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;color:#ffffff85;cursor:pointer;font-weight:500;font-size:13px;border-radius:var(--radius-md);margin-bottom:1px;transition:background .12s,color .12s;border:none;background:transparent;text-align:left;letter-spacing:-.01em;font-family:inherit;position:relative}.nav-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.65;transition:opacity .12s}.nav-item:hover{background:#ffffff12;color:#ffffffe0}.nav-item:hover .nav-item-icon{opacity:.9}.nav-item.active{background:#3b82f626;color:#93c5fd;font-weight:600;box-shadow:inset 3px 0 #3b82f6}.nav-item.active .nav-item-icon{opacity:1;color:#60a5fa}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center;line-height:1.4}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center}.nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-empty{margin:16px 8px;padding:18px 14px;font-size:12px;border-radius:var(--radius-md);color:#fff6;text-align:center;background:#ffffff0a;border:1px dashed rgba(255,255,255,.1)}.sidebar-footer{padding:10px 8px;border-top:1px solid rgba(255,255,255,.07);background:#0003}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;transition:background .12s,border-color .12s;min-width:0}.sidebar-user:hover{background:#ffffff0f;border-color:#ffffff17}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 0 0 2px #3b82f64d}.sidebar-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-user-name{font-size:13px;font-weight:600;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-user-role{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.7px;font-weight:600;display:block}.sidebar-logout-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:var(--radius-sm);color:#ffffff47;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s;flex-shrink:0;margin-left:auto}.sidebar-logout-btn:hover{color:#ffffffb3;background:#ffffff14}.user-profile{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.user-profile:hover{background:#ffffff12;border-color:#ffffff1a}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;box-shadow:0 0 0 2px #3b82f64d}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:9.5px;color:#ffffff61;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.header{height:var(--header-height);background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-200);padding:0 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--gray-100),0 2px 8px #0000000a}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.header-context{display:flex;flex-direction:column}.header-title{font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.4px;line-height:1.2}.header-crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-400)}.crumb-separator{color:var(--gray-300)}.role-pill{font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px;padding:3px 8px;letter-spacing:.02em;border:1px solid}.role-pill.role-admin{color:var(--red-600);border-color:var(--red-200, #fecaca);background:var(--red-50)}.role-pill.role-operator{color:var(--green-700);border-color:var(--green-200, #bbf7d0);background:var(--green-50)}.role-pill.role-viewer{color:var(--gray-600);border-color:var(--gray-200);background:var(--gray-50)}.project-switcher{display:flex;align-items:center;gap:6px;margin-left:8px}.project-switcher-label{font-size:12px;font-weight:600;color:var(--gray-500)}.project-switcher select{min-width:160px;border:1px solid var(--gray-200);border-radius:6px;padding:5px 10px;font-size:13px;background:#fff;color:var(--gray-800);cursor:pointer}.header-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-meta{display:flex;align-items:center;gap:6px}.meta-badge{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:99px;color:var(--gray-600);background:var(--gray-100);border:1px solid var(--gray-200);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px;line-height:1}.meta-badge.env-dev{color:#92400e;background:#fef3c7;border-color:#fde68a}.meta-badge.env-server{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.meta-badge.health-ready{color:var(--green-700);background:var(--green-50);border-color:var(--green-200)}.meta-badge.health-degraded{color:var(--red-700);background:var(--red-50);border-color:var(--red-200)}.health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.health-ready .health-dot{background:var(--green-500);box-shadow:0 0 0 2px #10b98140;animation:pulse-dot 2.4s ease-in-out infinite}.health-degraded .health-dot{background:var(--red-500);box-shadow:0 0 0 2px #ef444440}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.auto-open-badge{cursor:pointer;transition:background .15s}.auto-open-badge.enabled{color:var(--green-700);background:var(--green-50)}.auto-open-badge.disabled{color:var(--gray-600);background:var(--gray-100)}.auto-open-badge:hover{opacity:.8}.header-actions{display:flex;gap:4px}.icon-button{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;box-shadow:0 1px 2px #0000000a}.icon-button:hover{background:var(--gray-50);color:var(--gray-800);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.icon-button .badge{position:absolute;top:4px;right:4px;background:var(--red-500);color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:8px;border:2px solid white;line-height:1}.search-box{display:flex;align-items:center;gap:8px;background:var(--gray-50);padding:7px 13px;border-radius:var(--radius-md);border:1px solid var(--gray-200);min-width:220px;transition:all var(--transition-base)}.search-box:focus-within{border-color:var(--blue-300);box-shadow:0 0 0 3px #3b82f614;background:#fff}.search-box svg{color:var(--gray-400);flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;width:100%;color:var(--gray-800);font-size:14px;font-weight:500}.search-box input::placeholder{color:var(--gray-400);font-weight:400}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:16px 18px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base);overflow:visible}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--gray-100)}.card-title{font-size:15px;font-weight:700;color:var(--gray-900);letter-spacing:-.2px}.card-subtitle{font-size:12.5px;color:var(--gray-500);margin-top:2px;font-weight:400}.card-actions{display:flex;gap:8px}.stat-card,.stat-card-modern{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:20px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);overflow:visible}.stat-card:hover,.stat-card-modern:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-1px)}.stat-card-modern:before,.stat-card-modern .stat-card-modern-decoration{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.stat-label{font-size:12px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--gray-100);color:var(--gray-600);flex-shrink:0}.stat-card.success .stat-icon{background:var(--green-50);color:var(--green-600)}.stat-card.warning .stat-icon{background:var(--amber-50);color:var(--amber-600)}.stat-card.danger .stat-icon{background:var(--red-50);color:var(--red-600)}.stat-card.info .stat-icon{background:var(--blue-50);color:var(--blue-600)}.stat-value{font-size:26px;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:4px;letter-spacing:-.5px}.stat-change{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.stat-change.positive{background:var(--green-50);color:var(--green-700)}.stat-change.negative{background:var(--red-50);color:var(--red-700)}.stat-card-modern-value,.stat-card-modern-value-small{font-size:28px;font-weight:700;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--gray-900);letter-spacing:-.5px}.stat-card-modern-emoji{font-size:20px;filter:none;animation:none}.stat-card-modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-card-modern-title{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.stat-card-modern-footer{display:flex;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--gray-100)}.stat-card-modern-trend{font-size:14px;animation:none}.stat-card-modern-description{font-size:13px;font-weight:500}.stat-card-modern-description.warning{color:var(--amber-600)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.app-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:visible;box-shadow:var(--shadow-xs)}.app-card:hover{border-color:var(--blue-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-card.offline{opacity:.6}.app-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.app-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--blue-50);border:1px solid var(--blue-100);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.app-info{flex:1;min-width:0}.app-name{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:2px;display:flex;align-items:center;gap:6px}.app-type{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.app-status{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 8px;background:var(--gray-50);border-radius:4px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:none}.status-indicator.online{background:var(--green-500);box-shadow:0 0 0 3px #22c55e26}.status-indicator.offline{background:var(--gray-400)}.status-indicator.warning{background:var(--amber-500);box-shadow:0 0 0 3px #f59e0b26}.status-indicator.error{background:var(--red-500);box-shadow:0 0 0 3px #ef444426}.status-text{font-size:13px;font-weight:500;color:var(--gray-700)}.app-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.3px}.meta-value{font-size:13px;font-weight:600;color:var(--gray-800)}.app-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--gray-100)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:10.5px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.4px;border:1px solid;white-space:nowrap}.badge-success{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.badge-warning{background:#fef9c3;color:#92400e;border-color:#fde68a}.badge-danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.badge-info,.badge-primary{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.badge-gray,.badge-neutral{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}.btn{padding:9px 16px;border-radius:var(--radius-md);border:none;font-weight:600;font-size:13.5px;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap;line-height:1.4;letter-spacing:-.01em;position:relative;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97);opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(180deg,#4f91ff,#2563eb);color:#fff;box-shadow:0 1px #0000001f,inset 0 1px #ffffff26,var(--shadow-blue);border:1px solid rgba(37,99,235,.8)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 1px #00000026,inset 0 1px #ffffff1a,0 4px 16px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.btn-success{background:linear-gradient(180deg,#34d96a,#16a34a);color:#fff;border:1px solid rgba(22,163,74,.8);box-shadow:0 1px #0000001f,inset 0 1px #ffffff26,var(--shadow-green)}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#22c55e,#15803d);box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.btn-danger{background:linear-gradient(180deg,#f87171,#dc2626);color:#fff;border:1px solid rgba(220,38,38,.8);box-shadow:0 1px #0000001f,inset 0 1px #ffffff1f,var(--shadow-red)}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#ef4444,#b91c1c);box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.btn-warning{background:linear-gradient(180deg,#fbbf24,#d97706);color:#fff;border:1px solid rgba(217,119,6,.8);box-shadow:0 1px #0000001f,inset 0 1px #ffffff1f}.btn-warning:hover:not(:disabled){background:linear-gradient(180deg,#f59e0b,#b45309);box-shadow:0 4px 16px #f59e0b59;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-900)}.btn-sm{padding:5px 11px;font-size:12.5px;font-weight:600;border-radius:var(--radius-sm)}.btn-lg{padding:11px 22px;font-size:15px;font-weight:700}.btn-icon-only{padding:7px;width:34px;height:34px;border-radius:var(--radius-md)}.btn-icon{font-size:16px}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:#fff;box-shadow:var(--shadow-xs)}table{width:100%;border-collapse:collapse;background:#fff}thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}th{padding:10px 16px;text-align:left;font-weight:700;font-size:10.5px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--gray-200);white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--gray-100);font-size:13.5px;color:var(--gray-700);font-weight:400}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--blue-50)}.dashboard-page{animation:none}.dash-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.dash-stat-card{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);position:relative;overflow:visible;box-shadow:var(--shadow-xs)}.dash-stat-card:hover{border-color:var(--blue-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-stat-icon-wrap{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray-100);transition:none}.dash-stat-apps .dash-stat-icon-wrap{background:var(--blue-50)}.dash-stat-dbs .dash-stat-icon-wrap{background:var(--green-50)}.dash-stat-deploys .dash-stat-icon-wrap{background:var(--amber-50)}.dash-stat-backups .dash-stat-icon-wrap{background:var(--blue-50)}.dash-stat-card:hover .dash-stat-icon-wrap{transform:none}.dash-stat-icon{font-size:22px}.dash-stat-body{flex:1;min-width:0}.dash-stat-number{font-size:26px;font-weight:800;color:var(--gray-900);line-height:1;letter-spacing:-.6px;margin-bottom:3px}.dash-stat-label{font-size:14px;font-weight:500;color:var(--gray-600);margin-bottom:2px}.dash-stat-meta{font-size:12px;font-weight:400;color:var(--gray-400)}.dash-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.dash-card:hover{box-shadow:var(--shadow-sm)}.dash-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-100)}.dash-card-title{font-size:16px;font-weight:700;color:var(--gray-900);margin:0}.dash-card-subtitle{font-size:13px;color:var(--gray-400);margin:2px 0 0}.dash-card-body{padding:16px 20px}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dash-app-list{display:flex;flex-direction:column;gap:4px}.dash-app-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:background .1s}.dash-app-item:hover{background:var(--gray-50)}.dash-app-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--gray-100);flex-shrink:0}.dash-app-info{flex:1;min-width:0}.dash-app-name{font-size:14px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-app-slug{font-size:12px;color:var(--gray-400)}.dash-app-type-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;background:var(--gray-100);color:var(--gray-600)}.dash-app-type-badge.backend{background:var(--blue-50);color:var(--blue-700)}.dash-app-type-badge.frontend{background:#faf5ff;color:#7c3aed}.dash-deploy-list{display:flex;flex-direction:column;gap:4px}.dash-deploy-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:transparent;transition:background .1s}.dash-deploy-item:hover{background:var(--gray-50)}.dash-deploy-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-deploy-dot.success{background:var(--green-500)}.dash-deploy-dot.danger{background:var(--red-500)}.dash-deploy-dot.warning{background:var(--amber-500)}.dash-deploy-info{flex:1;min-width:0}.dash-deploy-app{font-size:14px;font-weight:500;color:var(--gray-800)}.dash-deploy-time{font-size:12px;color:var(--gray-400)}.dash-empty{text-align:center;padding:40px 20px}.dash-empty-icon{font-size:32px;opacity:.3;display:block;margin-bottom:8px}.dash-empty-text{font-size:14px;color:var(--gray-400)}input,select,textarea{width:100%;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:13.5px;color:var(--gray-800);background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;box-shadow:0 1px 2px #00000008}input:hover,select:hover,textarea:hover{border-color:var(--gray-300)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82f61a;background:#fff}input::placeholder{color:var(--gray-400)}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:4px;font-weight:500;font-size:14px;color:var(--gray-700)}.input-hint{margin-top:4px;font-size:12px;color:var(--gray-500)}.input-hint strong{color:var(--blue-600);font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:4px}.form-control{width:100%;padding:9px 13px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:13.5px;font-family:inherit;transition:all var(--transition-base);background:#fff;box-shadow:0 1px 2px #00000008}.form-control:hover{border-color:var(--gray-300)}.form-control:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82f61a}.form-control:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6;color:var(--gray-500)}.alert{padding:13px 16px;border-radius:var(--radius-md);margin-bottom:14px;display:flex;align-items:flex-start;gap:11px;font-size:13.5px;font-weight:500;border-left:3px solid;box-shadow:var(--shadow-xs);line-height:1.5}.alert-icon{font-size:18px;flex-shrink:0;font-weight:700}.alert-content{flex:1}.alert-content strong{display:block;margin-bottom:4px;font-size:14px;font-weight:700}.alert-content p{margin:0;font-size:13px;line-height:1.5}.alert-error,.alert-danger{background:#fee2e2;color:#991b1b;border-color:#ef4444}.alert-success{background:#dcfce7;color:#166534;border-color:#22c55e}.alert-info{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.alert-warning{background:#fef3c7;color:#92400e;border-color:#f59e0b}.spinner{width:26px;height:26px;border:2.5px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:56px 24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.empty-icon{font-size:44px;margin-bottom:14px;opacity:.35;display:block}.empty-title{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--gray-800);letter-spacing:-.2px}.empty-text{color:var(--gray-500);margin-bottom:20px;font-size:13.5px;line-height:1.6;max-width:380px;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-content,.modal,.modal-container{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);max-width:600px;width:100%;box-shadow:var(--shadow-2xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.modal-large{max-width:900px}.modal-full{max-width:none;width:min(1400px,calc(100vw - 24px));height:calc(100vh - 24px);max-height:calc(100vh - 24px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100);background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%)}.modal-title{font-size:17px;font-weight:800;color:var(--gray-900);margin:0;letter-spacing:-.3px}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:#fff;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.modal-body{padding:22px 24px;overflow-y:auto;flex:1;max-height:70vh}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--gray-100);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:#fff;border-left:1px solid var(--gray-200);box-shadow:-4px 0 24px #00000014;z-index:9999;animation:slideInRight .3s ease;display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.drawer-title{font-size:16px;font-weight:700;color:var(--gray-900)}.drawer-close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--gray-500);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.drawer-close:hover{background:var(--gray-100)}.drawer-body{flex:1;overflow-y:auto;padding:16px}.drawer-section{margin-bottom:16px}.drawer-section-title{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.drawer-item{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--gray-200);background:#fff;border-radius:6px;padding:10px 12px;text-align:left;cursor:pointer;margin-bottom:6px;transition:background .1s}.drawer-item:hover{background:var(--gray-50)}.drawer-item-icon{width:32px;height:32px;border-radius:6px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.drawer-item-content{flex:1;min-width:0}.drawer-item-title{font-size:13px;font-weight:600;color:var(--gray-800);margin-bottom:2px}.drawer-item-meta{font-size:11px;color:var(--gray-400)}.drawer-footer{padding:12px 16px;border-top:1px solid var(--gray-200)}.tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--gray-200);padding-bottom:0}.tab{padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;margin-bottom:-1px;letter-spacing:-.01em}.tab:hover{color:var(--gray-700);background:var(--gray-50);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab.active{color:var(--blue-600);border-bottom-color:var(--blue-500);font-weight:700;background:#3b82f60a;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--gray-200)}.page-title{font-size:21px;font-weight:800;color:var(--gray-900);margin:0 0 3px;letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:13px;color:var(--gray-500);margin:0;font-weight:400;line-height:1.5}.logs-container{background:var(--gray-900);color:#e5e7eb;padding:16px;border-radius:8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6;border:1px solid var(--gray-700)}.flex{display:flex;gap:8px}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:6px}.gap-md{gap:12px}.gap-lg{gap:20px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.text-secondary{color:var(--gray-500)}.text-sm{font-size:13px}.text-lg{font-size:18px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.login-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}@media (max-width: 968px){.login-container{grid-template-columns:1fr}}.login-branding{background:#1e293b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#fff}@media (max-width: 968px){.login-branding{display:none}}.branding-content{position:relative;z-index:1;text-align:center;max-width:500px}.branding-logo{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;position:relative;animation:none}.logo-circle{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center}.outer-circle{width:80px;height:80px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);animation:none}.middle-circle{width:56px;height:56px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);animation:none}.inner-circle{width:36px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.4);animation:none;z-index:1}.logo-center-icon{font-size:18px;filter:none;animation:none}.branding-title{font-size:28px;font-weight:800;margin-bottom:12px;letter-spacing:-1px}.branding-subtitle{font-size:15px;opacity:.9;line-height:1.6;margin-bottom:32px}.branding-features{display:flex;flex-direction:column;gap:12px}.branding-feature{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.branding-feature-icon{font-size:20px}.branding-feature-text{text-align:left}.branding-feature-title{font-size:14px;font-weight:600;margin-bottom:2px}.branding-feature-desc{font-size:12px;opacity:.8}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--gray-50)}.login-wrapper{width:100%;max-width:420px}.login-card{width:100%;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:32px;box-shadow:var(--shadow-md);animation:slideUp .4s ease}.login-features,.login-logo{display:none}.login-header{margin-bottom:28px}.login-title{font-size:22px;font-weight:700;margin-bottom:4px;color:var(--gray-900)}.login-subtitle{color:var(--gray-500);font-size:14px;line-height:1.5}.login-button{width:100%;margin-top:8px;padding:10px 20px;font-size:15px;font-weight:600;background:var(--blue-600);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s;box-shadow:none}.login-button:hover:not(:disabled){background:var(--blue-700)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-helper-links{margin-top:16px}.login-helper-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.login-inline-link{color:var(--blue-600);font-size:14px;font-weight:500;text-decoration:none}.login-inline-link:hover{text-decoration:underline}.login-info{margin-top:16px}.info-box{padding:12px;background:var(--blue-50);border-left:3px solid var(--blue-500);border-radius:6px;font-size:14px;color:var(--blue-700)}.login-footer{margin-top:32px;text-align:center}.footer-text{font-size:13px;color:var(--gray-500);margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:6px}.footer-copyright{font-size:12px;color:var(--gray-400);margin:0}.token-input{font-size:24px!important;font-weight:700!important;letter-spacing:8px!important;text-align:center!important;font-family:SF Mono,monospace!important;padding:14px!important;border:2px solid var(--blue-500)!important;background:var(--blue-50)!important}.token-input:focus{box-shadow:0 0 0 3px var(--blue-100)!important}.api-config-box{margin-top:16px;padding:12px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50)}.api-config-row{display:flex;gap:8px;align-items:center}.api-config-row .btn{min-width:70px;height:38px;padding:0 12px}.api-config-hint{margin-top:6px;font-size:12px;color:var(--gray-500)}.api-config-status{margin-top:6px;font-size:12px;color:var(--blue-600);font-weight:600}.db-status-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--gray-50);border-radius:4px;border:1px solid var(--gray-200)}.toggle-switch{position:relative;width:36px;height:20px;background:var(--gray-300);border-radius:10px;cursor:pointer;transition:background .15s}.toggle-switch.active{background:var(--green-500)}.toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:var(--shadow-sm)}.toggle-switch.active .toggle-slider{transform:translate(16px)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{padding:16px;border-radius:8px;border:1px solid var(--gray-200);background:#fff;cursor:pointer;transition:border-color .15s;text-align:center}.quick-action-card:hover{border-color:var(--blue-300, #93c5fd);box-shadow:var(--shadow-sm)}.quick-action-icon{font-size:28px;margin-bottom:8px;animation:none}.quick-action-card:hover .quick-action-icon{animation:none;transform:none}.quick-action-title{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:2px}.quick-action-desc{font-size:12px;color:var(--gray-500)}.audit-trail-page{max-width:1200px;margin:0 auto}.filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 13px;background:#fff;border:1px solid var(--gray-200);border-radius:99px;font-size:12.5px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.filter-btn:hover{border-color:var(--blue-300);color:var(--blue-600)}.filter-btn.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:var(--shadow-blue)}.search-input{flex:1;min-width:200px;padding:8px 14px;border:1px solid var(--gray-300);border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-50)}.audit-logs-container{background:#fff;border-radius:8px;border:1px solid var(--gray-200);padding:20px;margin-bottom:20px}.logs-list{display:flex;flex-direction:column;gap:8px}.log-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:13px;transition:all var(--transition-fast)}.log-card:hover{background:#fff;border-color:var(--blue-200);box-shadow:var(--shadow-sm)}.log-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.log-info{display:flex;gap:10px;align-items:flex-start;flex:1}.log-icon{font-size:20px}.log-user{font-size:14px;font-weight:600;color:var(--gray-800)}.log-email{margin-left:6px;font-size:13px;color:var(--gray-500)}.log-time{font-size:13px;color:var(--gray-500)}.log-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.bg-green-600{background:var(--green-600)}.bg-red-600{background:var(--red-600)}.bg-blue-600{background:var(--blue-600)}.bg-purple-600{background:#7c3aed}.bg-yellow-600{background:var(--amber-500)}.bg-gray-600{background:var(--gray-500)}.recent-actions,.top-users{background:#fff;border-radius:8px;border:1px solid var(--gray-200);padding:20px;margin-bottom:20px}.section-title{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:12px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.action-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px}.action-item:hover{background:#fff}.action-name{font-size:14px;font-weight:500;color:var(--gray-800)}.action-count{font-size:14px;font-weight:700;color:var(--blue-600);padding:3px 10px;background:var(--blue-50);border-radius:4px}.users-grid{display:flex;flex-direction:column;gap:8px}.user-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px}.user-item:hover{background:#fff}.user-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--blue-600);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.databases-page{width:100%}.page-header-gradient{background:#fff;border:1px solid var(--gray-200);padding:20px 24px;border-radius:8px;margin-bottom:24px;position:relative}.page-header-gradient:before{display:none}.page-header-content{display:flex;align-items:flex-start;gap:16px;position:relative;z-index:1}.page-header-icon-wrapper{flex-shrink:0}.page-header-icon{width:40px;height:40px;background:var(--blue-50);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;animation:none}.page-title-gradient{font-size:22px;font-weight:700;color:var(--gray-900);margin:0 0 4px}.page-subtitle-gradient{font-size:14px;color:var(--gray-500);margin:0}.page-header-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.db-stats-mini{display:flex;gap:12px}.db-stat-mini{background:var(--gray-50);border:1px solid var(--gray-200);padding:8px 16px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:2px}.db-stat-value{font-size:20px;font-weight:700;color:var(--gray-900)}.db-stat-label{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase}.btn-gradient-primary{background:var(--blue-600);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.btn-gradient-primary:hover:not(:disabled){background:var(--blue-700)}.btn-gradient-primary:disabled{opacity:.5;cursor:not-allowed}.access-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:6px;margin-top:12px;font-size:13px}.access-banner.warning{background:#fbbf241a}.access-banner.info{background:#3b82f61a}.access-banner-icon{font-size:16px}.database-grid{display:grid;grid-template-columns:300px 1fr 2fr;gap:16px;min-height:600px}.db-column{background:#fff;border-radius:8px;border:1px solid var(--gray-200);overflow:hidden;display:flex;flex-direction:column}.db-column:hover{box-shadow:none}.db-column-header{padding:16px 20px;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:transparent}.db-column-title{display:flex;align-items:center;gap:8px}.db-column-icon{font-size:20px;animation:none}.db-column-title h3{font-size:16px;font-weight:600;color:var(--gray-900);margin:0}.db-column-count{display:block;font-size:12px;color:var(--gray-400);margin-top:2px}.db-column-content{flex:1;overflow-y:auto;padding:12px;max-height:700px}.db-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:16px}.spinner-gradient{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin .7s linear infinite}.db-loading-state p{font-size:14px;color:var(--gray-500)}.db-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.empty-icon-gradient{font-size:40px;margin-bottom:12px;animation:none}.db-list{display:flex;flex-direction:column;gap:8px}.db-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.db-item:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.db-item-selected{background:var(--blue-50);border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82f61a}.db-item-header{margin-bottom:8px}.db-item-info{display:flex;align-items:center;gap:10px}.db-item-icon{font-size:22px;flex-shrink:0}.db-item-details{flex:1;min-width:0}.db-item-name{font-size:14px;font-weight:600;color:var(--gray-800);word-break:break-word}.db-item-status{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online{background:var(--green-500);animation:none}.status-offline{background:var(--gray-400)}.db-item-actions{display:flex;gap:6px}.btn-action{flex:1;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:4px;border:none}.btn-action-info{background:var(--blue-600);color:#fff}.btn-action-info:hover:not(:disabled){background:var(--blue-700)}.btn-action-danger{background:var(--red-600);color:#fff;flex:0 0 auto;padding:6px 10px}.btn-action-danger:hover:not(:disabled){background:var(--red-700)}.btn-action-disabled{opacity:.5;cursor:not-allowed}.btn-action-icon{font-size:12px}.db-table-item{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:10px 14px;cursor:pointer;transition:border-color .15s;display:flex;align-items:center;gap:10px;margin-bottom:6px}.db-table-item:hover{border-color:var(--blue-300, #93c5fd);transform:none}.db-table-item-selected{background:var(--green-50);border-color:var(--green-500)}.db-table-icon{font-size:16px;flex-shrink:0}.db-table-name{font-size:14px;font-weight:500;color:var(--gray-800)}.btn-export{background:var(--green-600);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-export:hover{background:var(--green-700)}.db-column-data-content{padding:0}.db-table-wrapper{overflow:auto;max-height:100%}.db-data-table{width:100%;border-collapse:collapse;font-size:13px}.db-data-table thead{position:sticky;top:0;z-index:10;background:var(--gray-800)}.db-data-table thead tr{background:transparent}.db-data-table thead th{padding:10px 16px;text-align:left;font-weight:600;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.3px;border-bottom:none;white-space:nowrap}.db-data-table tbody tr{background:#fff}.db-data-table tbody tr:nth-child(2n){background:var(--gray-50)}.db-data-table tbody tr:hover{background:var(--blue-50)}.db-data-table tbody td{padding:10px 16px;color:var(--gray-700);font-size:13px;border-bottom:1px solid var(--gray-100);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.null-value{color:var(--gray-400);font-style:italic;font-size:12px}.settings-container{max-width:900px;margin:0 auto}.settings-header{margin-bottom:24px;padding:0;background:none;border-radius:0;color:var(--gray-900);position:relative}.settings-header:before{display:none}.settings-header-content{position:relative;z-index:1}.settings-title-section{text-align:left}.settings-title{font-size:22px;font-weight:700;margin-bottom:2px;color:var(--gray-900)}.settings-subtitle{font-size:14px;color:var(--gray-500)}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--gray-100);padding:4px;border-radius:var(--radius-md);border:1px solid var(--gray-200);overflow-x:auto}.settings-tab{flex:1;min-width:100px;padding:7px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.settings-tab:hover{background:#fff;color:var(--gray-900)}.settings-tab.active{background:#fff;color:var(--blue-600);font-weight:700;box-shadow:var(--shadow-xs)}.tab-icon{font-size:16px}.settings-content{animation:fadeIn .2s ease}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-card{background:#fff;border-radius:8px;border:1px solid var(--gray-200);overflow:hidden}.settings-card:hover{box-shadow:none;transform:none}.card-body{padding:20px}.profile-info{display:flex;flex-direction:column;gap:20px;align-items:center}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid white;box-shadow:var(--shadow-md)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%}.info-item{background:var(--gray-50);padding:14px;border-radius:6px;border:1px solid var(--gray-200)}.info-item label{display:block;font-size:12px;font-weight:500;color:var(--gray-500);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.info-value{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--gray-800)}.value-icon{font-size:16px}.role-badge{padding:3px 10px;border-radius:4px;font-size:13px;font-weight:600}.role-badge.admin{background:var(--amber-50);color:var(--amber-600)}.settings-form{display:flex;flex-direction:column;gap:12px}.form-input,.form-select{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:14px;font-family:inherit;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-50)}.form-input::placeholder{color:var(--gray-400)}.form-hint{font-size:12px;color:var(--gray-500);margin:2px 0 4px;line-height:1.4}.settings-toggle{position:relative;width:40px;height:22px;background:var(--gray-300);border:none;border-radius:11px;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.settings-toggle.on{background:var(--blue-600)}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.settings-toggle.on .settings-toggle-knob{transform:translate(18px)}.preference-control{flex-shrink:0}.settings-api-box{display:flex;flex-direction:column;gap:8px}.settings-api-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.settings-api-hint{font-size:13px;color:var(--gray-500)}.settings-api-status{font-size:13px;color:var(--blue-600);font-weight:600}.two-factor-status{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200);margin-bottom:16px}.status-info{display:flex;align-items:center;gap:10px}.status-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;animation:none}.status-indicator.enabled{background:var(--green-500)}.status-indicator.disabled{background:var(--gray-300)}.status-label{font-size:14px;font-weight:600;color:var(--gray-800)}.status-description{font-size:13px;color:var(--gray-500);margin-top:2px}.preferences-grid{display:flex;flex-direction:column;gap:8px}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200);gap:16px}.preference-item:hover{background:#fff}.preference-info{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.preference-icon{width:36px;height:36px;min-width:36px;background:var(--blue-50);color:var(--blue-600);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.preference-label{font-size:14px;font-weight:500;color:var(--gray-800)}.preference-description{font-size:12px;color:var(--gray-500);margin-top:2px;line-height:1.5;max-width:480px}.toggle-switch input{display:none}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--blue-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.session-info{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200)}.session-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px}.session-label{font-size:12px;font-weight:500;color:var(--gray-500);text-transform:uppercase}.session-value{font-size:14px;font-weight:500;color:var(--gray-800);margin-top:2px}.qr-code-section{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:20px;background:var(--blue-50);border-radius:8px;border:2px dashed var(--blue-200);align-items:center}.qr-code-container{background:#fff;padding:12px;border-radius:8px;box-shadow:var(--shadow-sm)}.qr-code-container img{display:block;width:180px;height:180px}.qr-instructions h4{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.qr-instructions ol{padding-left:20px;color:var(--gray-600);line-height:1.8}.permission-disabled{opacity:.5;cursor:not-allowed!important}.permission-disabled:hover{transform:none!important}.permission-disabled .lock-icon{margin-right:4px}.permission-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.permission-badge.viewer{background:var(--gray-200);color:var(--gray-600)}.permission-badge.operator{background:var(--blue-50);color:var(--blue-700)}.permission-badge.admin{background:var(--amber-50);color:var(--amber-600)}.role-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--gray-100);border-radius:6px;font-size:13px;font-weight:500;color:var(--gray-600)}.role-indicator .role-icon{font-size:14px}.permission-tooltip{position:fixed;background:var(--gray-800);color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;z-index:10000;pointer-events:none;max-width:220px}.permission-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--gray-800)}.typed-confirmation-modal .modal-header{padding:20px;border-radius:12px 12px 0 0;color:#fff;text-align:center}.typed-confirmation-modal .modal-icon{font-size:36px;margin-bottom:8px;animation:none}.typed-confirmation-modal .modal-title{font-size:18px;font-weight:700;text-shadow:none}.typed-confirmation-modal .modal-close{position:absolute;top:10px;right:10px;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.typed-confirmation-modal .modal-close:hover:not(:disabled){background:#ffffff4d}.typed-confirmation-modal .modal-body{padding:20px}.typed-confirmation-modal .modal-footer{padding:14px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:8px;justify-content:flex-end;border-radius:0 0 12px 12px}.confirmation-warning{display:flex;gap:10px;padding:14px;background:var(--red-50);border:1px solid var(--red-200, #fecaca);border-radius:8px;margin-bottom:16px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h3{font-size:14px;font-weight:600;color:var(--red-700);margin:0 0 4px}.warning-content p{font-size:13px;color:var(--red-600);margin:0;line-height:1.5}.resource-name{margin-top:8px;padding:6px 10px;background:#fff;border-radius:4px;font-size:13px;color:var(--gray-700)}.resource-name code{background:var(--gray-100);padding:2px 6px;border-radius:3px;font-family:monospace;font-weight:600;color:var(--red-600)}.confirmation-input-section{margin-top:12px}.confirmation-input-section label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:8px}.confirmation-word{padding:2px 6px;border-radius:3px;font-family:monospace;font-weight:700}.confirmation-word.danger{background:var(--red-100);color:var(--red-700)}.confirmation-word.warning{background:var(--amber-100);color:var(--amber-600)}.confirmation-word.primary{background:var(--blue-100);color:var(--blue-700)}.confirmation-input{width:100%;padding:10px 14px;font-size:16px;font-family:monospace;font-weight:600;text-align:center;text-transform:uppercase;border:2px solid var(--gray-300);border-radius:6px;letter-spacing:2px;transition:border-color .15s}.confirmation-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-50)}.confirmation-input.valid{border-color:var(--green-500);background:var(--green-50);color:var(--green-700)}.confirmation-input.invalid{border-color:var(--red-500);background:var(--red-50);color:var(--red-700)}.validation-hint{margin-top:6px;padding:6px 10px;background:var(--red-50);border-left:3px solid var(--red-500);border-radius:3px;font-size:13px;color:var(--red-700)}.validation-success{margin-top:6px;padding:6px 10px;background:var(--green-50);border-left:3px solid var(--green-500);border-radius:3px;font-size:13px;color:var(--green-700);font-weight:600}.help-tip{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.help-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;cursor:help;opacity:.6}.help-tip-icon:hover{opacity:1}.help-tip-text{font-size:13px;color:var(--gray-500)}.help-system-status{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200)}.help-level-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-200)}.help-level-selector{display:flex;flex-direction:column;gap:12px}.help-level-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--gray-700)}.level-icon{font-size:16px}.level-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.level-option{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s}.level-option:hover{border-color:var(--blue-300, #93c5fd)}.level-option.active{border-color:var(--blue-500);background:var(--blue-50)}.option-icon{font-size:24px;flex-shrink:0}.option-content{flex:1}.option-title{font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:2px}.option-description{font-size:12px;color:var(--gray-500)}.help-usage-info{display:flex;flex-direction:column;gap:16px}.usage-section{padding:14px;background:var(--gray-50);border-radius:6px;border-left:3px solid var(--blue-500)}.usage-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.usage-icon{font-size:18px}.usage-description{font-size:13px;color:var(--gray-600);margin-bottom:8px}.usage-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:4px}.usage-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--gray-600)}.usage-list li:before{content:"→";color:var(--blue-600);font-weight:600;flex-shrink:0}.help-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}.help-example-card{padding:14px;background:#fff;border:1px solid var(--gray-200);border-radius:6px}.help-example-card:hover{border-color:var(--blue-300, #93c5fd)}.example-category{font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--gray-100)}.example-codes{display:flex;flex-direction:column;gap:4px}.example-codes code{display:inline-block;font-family:monospace;font-size:11px;padding:3px 6px;background:var(--blue-50);color:var(--blue-700);border-radius:3px}.help-example-box{margin-top:16px;padding:14px;background:var(--amber-50);border-radius:6px;border:1px solid var(--amber-500)}.example-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.example-icon{font-size:18px}.example-title{font-size:14px;font-weight:600;color:var(--amber-600)}.example-content{font-size:13px;color:var(--gray-700)}.example-content p{line-height:1.5}.help-footer-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--blue-50);border-radius:6px;border:1px solid var(--blue-200)}.note-icon{font-size:16px;flex-shrink:0}.help-footer-note span:last-child{font-size:13px;color:var(--blue-700)}.inline-help{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;font-size:12px;margin-top:6px}.inline-help .inline-help-label{color:var(--red-600);font-weight:600}.inline-help-message{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--amber-50);border-radius:6px;border-left:3px solid var(--amber-500);margin:12px 0}.inline-help-icon{font-size:16px;flex-shrink:0}.inline-help-content{flex:1}.inline-help-title{font-size:14px;font-weight:600;color:var(--amber-600);margin-bottom:4px}.inline-help-body{font-size:13px;color:var(--gray-700);line-height:1.5}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;cursor:pointer;flex-shrink:0;transition:all .2s}.hamburger-btn:hover{background:var(--gray-50);border-color:var(--gray-300);transform:scale(1.05)}.hamburger-line{display:block;width:18px;height:2px;border-radius:1px;background:var(--gray-600);transition:all .2s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}@media (max-width: 1024px){.db-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.db-charts-grid,.db-bottom-grid{grid-template-columns:1fr 1fr!important}.db-projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}}@media (max-width: 768px){.dashboard-page{padding:0!important}.db-hero{padding:14px!important;border-radius:10px!important;margin-bottom:10px!important}.db-hero-main{flex-direction:column!important;gap:12px!important}.db-hero-main>div:first-child{min-width:0!important;width:100%!important}.db-hero-main>div:first-child span[style]{font-size:17px!important}.db-hero-gauges{width:100%!important;justify-content:space-between!important;gap:8px!important}.db-hero-gauges>div[style*="flex-direction: column"]{width:100%!important}.db-hero-gauges button{width:100%!important;text-align:center!important}.db-stats-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:10px!important}.db-charts-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:10px!important}.db-projects-grid,.db-bottom-grid{grid-template-columns:1fr!important;gap:8px!important}.db-hero-resources{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}}@media (max-width: 480px){.db-stats-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.db-hero{padding:12px!important}.db-stats-grid>div{padding:9px 10px!important}.db-stats-grid>div>div:nth-child(2){font-size:18px!important}.db-charts-grid{grid-template-columns:1fr!important}.db-hero-gauges{gap:4px!important}.db-hero-gauges svg{width:52px!important;height:52px!important}.db-hero-resources{grid-template-columns:1fr!important}}@media (max-width: 1024px){.hamburger-btn{display:flex}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar-open .sidebar{transform:translate(0);box-shadow:4px 0 24px #0000001a}.main-content{margin-left:0}.content{padding:16px 20px}.header-meta{display:none}.dash-grid-2{grid-template-columns:1fr}.database-grid{grid-template-columns:1fr;gap:12px;min-height:auto}.db-column-content{max-height:400px}.page-header-content{flex-direction:column}.page-header-actions{margin-left:0;width:100%;flex-direction:row}}@media (max-width: 768px){.header{height:auto;padding:10px 12px;flex-wrap:wrap;gap:8px}.apps-grid,.databases-grid,.deployments-grid{grid-template-columns:1fr!important;gap:10px}.dash-stats-row{grid-template-columns:1fr 1fr!important}.header-left{width:100%}.header-right{width:100%;flex-wrap:wrap;gap:8px}.header-crumb{display:none}.project-switcher{width:100%;margin-left:0}.project-switcher select{width:100%;min-width:0}.search-box{flex:1;min-width:0}.content{padding:12px}.dash-stats-row{grid-template-columns:1fr 1fr;gap:10px}.apps-grid,.quick-actions-grid{grid-template-columns:1fr}.drawer{width:100%;max-width:100vw}.page-header{flex-direction:column;gap:8px}.filters-bar{flex-direction:column}.settings-tabs{overflow-x:auto}.settings-tab{min-width:0;font-size:13px}.info-grid{grid-template-columns:1fr!important}.modal-content,.modal,.modal-container{max-width:100%;margin:8px}.modal-full{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}}@media (max-width: 480px){.dash-stats-row{grid-template-columns:1fr}.header-title{font-size:16px}.page-title{font-size:20px}.page-title-gradient{font-size:18px}.content{padding:10px 8px}.btn{width:100%;justify-content:center}.modal{width:95%;max-width:95%}.card{padding:12px}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media print{.sidebar,.header,.hamburger-btn,.sidebar-overlay{display:none!important}.main-content{margin-left:0!important}.content{padding:0!important}}