html,body{margin:0;padding:0;width:100%;height:100%;background-color:#eef1f6}#root{width:100%;min-height:100vh;margin:0;padding:0;max-width:none}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;border-bottom:1px solid #e5e9ef;z-index:10}.header-left{display:flex;align-items:center;gap:12px}.header-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6d5ce8,#4f46e5);display:flex;align-items:center;justify-content:center}.header-logo-mark{color:#fff;font-size:18px;font-weight:700}.header-title-block{display:flex;flex-direction:column;line-height:1.2}.header-title{font-size:16px;font-weight:600;color:#1a1f2b;margin:0}.header-subtitle{font-size:12px;color:#8892a3;font-family:SFMono-Regular,Consolas,monospace}.header-right{display:flex;align-items:center;gap:14px}.header-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#4b5566}.header-status-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.header-status.is-live .header-status-dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.header-status.is-down .header-status-dot{background:#dc2626;box-shadow:0 0 0 3px #dc262626}.header-refresh-btn{border:1px solid #dde2ea;background:#fff;color:#3a4252;font-size:13px;font-weight:500;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.header-refresh-btn:hover{background:#f5f7fa;border-color:#c7ceda}.sidebar-nav{width:240px;background:#fff;border-right:1px solid #e5e9ef;padding:24px 0;display:flex;flex-direction:column}.nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0 16px;margin:0}.nav-link{display:block;padding:10px 16px;text-decoration:none;color:#4b5566;font-weight:500;font-size:14px;border-radius:8px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#f5f7fa;color:#1a1f2b}.home{min-height:100vh;background:#eef1f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1f2b}.home-content{padding:24px 28px 48px;max-width:1240px;margin:0 auto}.home-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px #1018280a}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-size:13px;color:#8892a3;font-family:SFMono-Regular,Consolas,monospace}.stat-icon{font-size:14px}.icon-purple{color:#6d5ce8}.icon-green{color:#16a34a}.stat-value{font-size:30px;font-weight:700;line-height:1.1;margin-bottom:4px}.value-purple{color:#5b3ff5}.value-green{color:#15803d}.value-red{color:#dc2626}.stat-sub{font-size:13px;color:#8892a3;margin-bottom:10px}.stat-track{height:5px;border-radius:4px;background:#eef0f4;overflow:hidden}.stat-fill{height:100%;border-radius:4px}.fill-purple{background:#6d5ce8}.fill-green{background:#16a34a}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header h2{font-size:16px;font-weight:600;margin:0}.legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#4b5566}.legend-dot{width:8px;height:8px;border-radius:50%}.dot-running{background:#16a34a}.dot-pending{background:#d97706}.dot-error{background:#dc2626}.pod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pod-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px #1018280a;display:flex;flex-direction:column;gap:12px}.pod-card-header{display:flex;align-items:flex-start;justify-content:space-between}.pod-name{font-size:14px;font-weight:600;font-family:SFMono-Regular,Consolas,monospace}.pod-namespace{font-size:12px;color:#8892a3;margin-top:2px}.status-badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}.status-running,.status-healthy{background:#ecfdf3;color:#15803d}.status-pending,.status-no-endpoints{background:#fffaeb;color:#b45309}.status-error,.status-failed,.status-crashloopbackoff,.status-unhealthy{background:#fef2f2;color:#b91c1c}.status-unknown{background:#f2f4f7;color:#667085}.pod-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tier-badge{font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap}.tier-frontend{background:#eef2ff;color:#4338ca}.tier-backend{background:#f0fdfa;color:#0f766e}.usage-row-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.usage-label{color:#8892a3}.usage-value{color:#4b5566;font-weight:500}.usage-track{height:5px;border-radius:4px;background:#eef0f4;overflow:hidden}.usage-fill{height:100%;border-radius:4px}.usage-fill-low{background:#2563eb}.usage-fill-mid{background:#d97706}.usage-fill-high{background:#dc2626}.usage-fill-unknown{background:#d0d5dd}.pod-meta{display:flex;justify-content:space-between;font-size:12px;color:#667085}.pod-actions{display:flex;gap:8px}.pod-action-btn{flex:1;border:1px solid #dbe4ff;background:#f5f7ff;color:#3730a3;font-size:13px;font-weight:500;padding:8px 10px;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.pod-action-btn.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.pod-action-btn:hover{opacity:.85}.pod-action-btn:disabled{opacity:.5;cursor:not-allowed}.pod-action-btn:focus-visible{outline:2px solid #6d5ce8;outline-offset:2px}.services-section{margin-top:32px}.service-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px #1018280a;display:flex;flex-direction:column;gap:12px}.service-card-header{display:flex;align-items:flex-start;justify-content:space-between}.service-ports{display:flex;flex-wrap:wrap;gap:6px}.port-chip{font-size:12px;font-family:SFMono-Regular,Consolas,monospace;background:#f5f7fa;color:#4b5566;padding:3px 8px;border-radius:6px}.empty-state{background:#fff;border-radius:14px;padding:40px;text-align:center;color:#8892a3;font-size:14px}@media (max-width: 1000px){.stat-grid,.pod-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stat-grid,.pod-grid{grid-template-columns:1fr}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1}.app-main{flex:1;background:#eef1f6;overflow-y:auto}body{margin:0}