*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9fafb;color:#1f2937;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center}.App__header{width:100%;padding:24px 32px;background:#1e1b4b;text-align:center}.App__brand{font-size:26px;font-weight:700;letter-spacing:-.5px}.App__brand-pexip{color:#a5b4fc}.App__brand-sep{color:#6366f1;margin:0 4px}.App__brand-claude{color:#f97316}.App__tagline{color:#a5b4fc;font-size:13px;margin-top:4px;opacity:.8}.App__main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;width:100%}.Card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:40px;width:100%;max-width:480px}.Card__title{font-size:20px;font-weight:600;margin-bottom:24px;color:#1f2937}.IdleCard{text-align:center}.IdleCard__icon{font-size:40px;color:#4f46e5;margin-bottom:16px}.IdleCard__title{font-size:22px;font-weight:700;margin-bottom:12px}.IdleCard__desc{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:24px}.IdleCard__features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}.Tag{background:#ede9fe;color:#4f46e5;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.Form{display:flex;flex-direction:column;gap:20px}.Form__field{display:flex;flex-direction:column;gap:6px}.Form__field label{font-size:13px;font-weight:600;color:#1f2937}.Form__field input{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .15s}.Form__field input:focus{border-color:#4f46e5}.Form__field input::placeholder{color:#9ca3af}.Form__optional{font-weight:400;color:#6b7280;font-size:12px}.Form__hint{font-size:12px;color:#6b7280}.Form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.Btn{padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.Btn:active{transform:scale(.98)}.Btn--primary{background:#4f46e5;color:#fff}.Btn--primary:hover{background:#4338ca}.Btn--ghost{background:transparent;color:#6b7280;border:1.5px solid #e5e7eb}.Btn--ghost:hover{background:#f9fafb}.Btn--danger{background:#dc2626;color:#fff;width:100%;margin-top:8px;padding:12px}.Btn--danger:hover{background:#b91c1c}.StatusCard{text-align:center}.StatusCard p{color:#6b7280;font-size:14px;margin-top:20px}.Spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.RunningCard{text-align:center}.RunningCard__pulse{width:14px;height:14px;background:#10b981;border-radius:50%;margin:0 auto 16px;box-shadow:0 0 #10b98180;animation:pulse 1.8s ease-out infinite}.RunningCard__title{font-size:22px;font-weight:700;margin-bottom:20px}.RunningCard__meta{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px;text-align:left;display:flex;flex-direction:column;gap:10px}.RunningCard__features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:left}.MetaRow{display:flex;gap:12px;font-size:13px}.MetaRow__label{color:#6b7280;min-width:64px;font-weight:500}.MetaRow__value{color:#1f2937;font-weight:600}.Feature{font-size:13px;color:#6b7280;padding:8px 12px;background:#f9fafb;border-radius:8px}.Feature--active{color:#1f2937}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.ErrorCard{text-align:center}.ErrorCard__icon{font-size:36px;color:#dc2626;margin-bottom:12px}.ErrorCard h2{margin-bottom:10px}.ErrorCard__msg{color:#6b7280;font-size:13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:20px;word-break:break-word}