*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#f9fafb}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#1f2937;color:#fff}.sidebar-header{padding:1.5rem;border-bottom:1px solid #374151}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#d1d5db;text-decoration:none}.nav-item:hover{background:#374151}.nav-item.active{background:#4f46e5;color:#fff}.admin-main{flex:1}.admin-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.admin-content{padding:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.metric-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.metric-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:600;color:#111827}table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-weight:600}.deploy-btn{background:#4f46e5;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;margin-bottom:1rem}.status-success{color:#10b981}.status-failed{color:#ef4444}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.service-card{background:#fff;padding:1.5rem;border-radius:8px;border-left:4px solid #10b981}.status-healthy{border-left-color:#10b981}button{margin-right:.5rem;padding:.25rem .75rem;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer}button:hover{background:#f9fafb}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading:after{content:"";width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-card{animation:slideIn .3s ease;transition:transform .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-healthy{border-left:4px solid #10b981;background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 100%)}.status-degraded{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.status-down{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}@media (max-width: 768px){.admin-sidebar{position:fixed;transform:translate(-100%);transition:transform .3s;z-index:100}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}}