body,html,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#020617 0,#020617 35%,#020617 55%)}.client-shell{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#0b1120 0,#020617 60%);color:#e5e7eb}.client-shell__header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid rgba(15,23,42,.9);background:linear-gradient(90deg,#0f172ae6,#1e40af66,#0f172ae6)}.client-shell__title{font-size:18px;font-weight:600}.client-shell__subtitle{font-size:12px;color:#9ca3af}.client-shell__user{display:flex;align-items:center;gap:10px}.client-shell__avatar{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 0,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#ecfdf5}.client-shell__user-name{font-size:13px}.client-shell__user-role{font-size:11px;color:#9ca3af}.client-shell__main{padding:20px 26px 26px;display:flex;flex-direction:column;gap:18px}.client-card{border-radius:18px;padding:18px 18px 16px;border:1px solid rgba(148,163,184,.25);background:radial-gradient(circle at top left,#020617 0,#020617 70%);box-shadow:0 14px 35px #0f172ae6}.client-auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.22),transparent 60%),linear-gradient(135deg,#020617,#020617 40%,#000)}.client-auth-shell__inner{width:100%;max-width:760px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.35);box-shadow:0 26px 60px #0f172af2,0 0 0 1px #0f172acc}.client-auth-shell__side{padding:30px 26px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.35),transparent 65%),radial-gradient(circle at 100% 100%,rgba(59,130,246,.4),transparent 70%),linear-gradient(135deg,#020617,#020617 60%,#111827);display:flex;flex-direction:column;justify-content:center;color:#e5e7eb}.client-auth-shell__logo img{height:40px;width:auto;filter:drop-shadow(0 14px 30px rgba(15,23,42,.95))}.client-auth-shell__title{margin:18px 0 4px;font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.client-auth-shell__subtitle{margin:0;font-size:13px;color:#9ca3af}.client-auth-shell__form{padding:26px 24px 24px;background:radial-gradient(circle at top,#0f172af5,#020617 70%);display:flex;align-items:center;justify-content:center}.client-auth-card{max-width:340px}.client-auth-card__title{margin:0 0 4px;font-size:18px;font-weight:550;color:#e5e7eb}.client-auth-card__subtitle{margin:0 0 16px;font-size:13px;color:#9ca3af}.client-auth-card__form{display:flex;flex-direction:column;gap:10px}.client-auth-field{font-size:13px;display:flex;flex-direction:column;color:#e5e7eb}.client-auth-field__label{margin-bottom:2px;color:#e5e7eb}.client-auth-field__input{width:100%;margin-top:2px;padding:7px 9px;border-radius:9px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb;font-size:13px}.client-auth-field__input::placeholder{color:#e5e7eb;opacity:.75}.client-auth-field__input:focus-visible{outline:none;border-color:#60a5faf2;box-shadow:0 0 0 1px #3b82f6b3}.client-auth-error{margin-top:2px;font-size:12px;color:#fecaca}.client-auth-card__submit{margin-top:8px;width:100%;border:none;border-radius:999px;padding:8px 14px;font-size:13px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#f9fafb;cursor:pointer;box-shadow:0 12px 28px #2563ebcc}.client-auth-card__submit:disabled{opacity:.7;cursor:default}.client-auth-card__submit:not(:disabled):hover{filter:brightness(1.05)}.client-auth-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.client-card--primary{background:radial-gradient(circle at top left,#1d4ed8 0,#020617 65%);border-color:#60a5facc}.client-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.client-card__title{margin:0 0 4px;font-size:16px;font-weight:500}.client-card__subtitle{margin:0;font-size:13px;color:#9ca3af}.client-badge{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid rgba(191,219,254,.7);background:#0f172acc;color:#dbeafe}.client-button{border:none;border-radius:999px;padding:7px 14px;font-size:13px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#fff;cursor:pointer;box-shadow:0 10px 25px #2563ebb3}.client-button:hover{filter:brightness(1.05)}.client-vm-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.client-vm-card{border-radius:14px;padding:12px 12px 10px;background:#0f172ae6;border:1px solid rgba(30,64,175,.7)}.client-vm-card__row{display:flex;justify-content:space-between;align-items:center}.client-vm-card__row--meta{margin-top:6px;font-size:12px;color:#9ca3af}.client-vm-card__row--meta span:last-child{opacity:.9}.client-vm-card__name{font-size:14px;font-weight:500}.client-vm-card__id{font-size:11px;color:#6b7280}.client-vm-card__actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.client-status{font-size:11px;padding:3px 9px;border-radius:999px}.client-status--running{background:#16a34a2e;color:#4ade80}.client-status--stopped{background:#94a3b829;color:#e5e7eb}.client-status--building{background:#fbbf242e;color:#fde68a}.client-link-button{border:none;padding:3px 6px;font-size:12px;border-radius:6px;background:transparent;color:#93c5fd;cursor:pointer}.client-link-button:hover{background:#2563eb40}@media (max-width: 720px){.client-shell__header{flex-direction:column;align-items:flex-start;gap:10px}}