:root{--color-primary: #007aff;--color-secondary: #5856d6;--color-background: #f2f2f7;--color-textPrimary: #1d1d1f;--color-textSecondary: #86868b;--color-success: #047857;--color-error: #dc2626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);line-height:1.47059;color:var(--color-textPrimary);font-size:17px;letter-spacing:-.022em}.container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000f;overflow:clip;margin:0 auto;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:.5px solid rgba(0,0,0,.04)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 80%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.dashboard-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.1}.dashboard-subtitle{font-size:1.125rem;opacity:.85;font-weight:400;letter-spacing:-.01em;line-height:1.4}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.table-header{background-color:#f8f9fa!important;border-bottom:1px solid #d2d2d7}.table-header th{padding:1.125rem 1rem;text-align:left;font-weight:600;color:#6c757d!important;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.table-body tr{border-bottom:.5px solid #e5e5e7;transition:background-color .3s cubic-bezier(.25,.46,.45,.94)}.table-body tr:hover{background-color:color-mix(in srgb,var(--color-primary) 4%,transparent)}.table-body td{padding:1.125rem 1rem;color:var(--color-textPrimary);font-size:.9375rem;line-height:1.47059}.table-body td:first-child{font-weight:600;color:var(--color-textPrimary)}.image-text{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem;color:var(--color-textPrimary);line-height:1.4;word-break:break-word;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;background:none;border:none;padding:0}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-up-to-date{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-outdated{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-unknown{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.no-data{text-align:center;padding:4rem 3rem;color:var(--color-textSecondary);font-style:normal;font-size:1.0625rem;font-weight:400;line-height:1.47059}.table-footer{background-color:var(--color-background);padding:1.25rem 1rem;border-top:.5px solid #e5e5e7;color:var(--color-textSecondary);font-size:.8125rem;font-weight:400}.skeleton-container{padding:20px}.skeleton-row{display:flex;gap:15px;margin-bottom:15px;align-items:center}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-namespace{width:120px;height:32px;border-radius:8px}.skeleton-line-short{width:100px;height:16px}.skeleton-line-medium{width:200px;height:16px}.skeleton-line-long{width:300px;height:16px}.skeleton-line-full{flex:1;height:16px}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.data-table.compact .table-header th,.data-table.compact .table-body td{padding:.75rem 1rem;font-size:.8125rem}.data-table.comfortable .table-header th,.data-table.comfortable .table-body td{padding:1.5rem 1rem;font-size:1rem;line-height:1.6}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-card{display:none}@media (max-width: 768px){.container{padding:.5rem;max-width:100%}.dashboard-header{padding:1.5rem 1rem}.dashboard-title{font-size:1.5rem;line-height:1.3}.dashboard-subtitle{font-size:.9rem}.mobile-controls{flex-direction:column!important;gap:10px!important;align-items:stretch!important}.mobile-controls input{min-width:auto!important;width:100%!important}.mobile-controls button{width:100%!important;padding:12px!important}.namespace-controls{flex-wrap:wrap!important;gap:8px!important}.namespace-controls button{padding:6px 12px!important;font-size:11px!important}.namespace-header{padding:8px!important;font-size:14px!important}.namespace-header .pod-count{font-size:12px!important}.data-table{display:none}.mobile-card{display:block;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:12px;box-shadow:0 1px 3px #0000001a}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.mobile-card-title{font-weight:600;font-size:.9rem;color:#212529;margin-bottom:2px}.mobile-card-namespace{font-size:.8rem;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px}.mobile-card-status{flex-shrink:0}.mobile-card-images{display:flex;flex-direction:column;gap:6px}.mobile-image-row{display:flex;flex-direction:column;gap:4px}.mobile-image-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-image-text{font-family:Courier New,monospace;font-size:.7rem;background-color:#f8f9fa;padding:4px 6px;border-radius:4px;word-break:break-all;line-height:1.3;border:1px solid #e9ecef}.table-footer{padding:.75rem;font-size:.8rem;text-align:center}}html.scroll-locked,body.scroll-locked{overflow:hidden;touch-action:none}.modal-content{max-height:80vh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.dashboard-title{font-size:1.2rem}.dashboard-subtitle{font-size:.85rem}.data-table{font-size:.75rem}.table-header th,.table-body td{padding:.4rem .2rem}.image-text{font-size:.65rem!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}
