*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#e8e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:90px 0 0;position:relative}body:before{animation:subtleShift 20s ease infinite;background:radial-gradient(ellipse at 15% 25%,#9333ea1f 0,#0000 50%),radial-gradient(ellipse at 50% 15%,#ec48991a 0,#0000 50%),radial-gradient(ellipse at 85% 35%,#fb923c1f 0,#0000 50%),radial-gradient(ellipse at 65% 75%,#a855f714 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes subtleShift{0%,to{opacity:1}50%{opacity:.7}}.top-bar{align-items:center;background:#000;border-bottom:1px solid #6366f126;box-shadow:0 4px 20px #00000080;display:flex;height:80px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.logo{filter:drop-shadow(0 4px 16px rgba(99,102,241,.2));height:44px;left:32px;max-width:min(160px,20vw);position:absolute;top:50%;transform:translateY(-50%);width:auto}.logo img{height:100%;object-fit:contain;width:100%}.top-bar-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9333ea,#ec4899 45%,#fb923c);-webkit-background-clip:text;background-clip:text;font-size:clamp(13px,2vw,26px);font-weight:700;letter-spacing:.5px;overflow:hidden;padding:0 max(180px,22vw);text-align:center;text-overflow:ellipsis;white-space:nowrap}.container{margin:0 auto;max-width:800px;padding:20px;position:relative;width:100%;z-index:1}.header{margin-bottom:48px;text-align:center}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:12px}.header-subtitle{color:#a1a1aa;font-size:18px;font-weight:400}.header-badge{background:#6366f11a;border:1px solid #6366f140;border-radius:24px;color:#818cf8;display:inline-block;font-size:13px;font-weight:600;margin-top:16px;padding:8px 20px}.control-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f14cc;border:1px solid #6366f11f;border-radius:24px;box-shadow:0 20px 60px #0006;padding:48px}.panel-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.env-card{background:#14141c80;border:1px solid #6366f11f;border-radius:20px;margin-bottom:24px;overflow:hidden;padding:36px;position:relative;transition:all .3s ease}.env-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.env-card:hover{background:#14141cb3;border-color:#6366f140;transform:translateY(-2px)}.env-card:hover:before{opacity:1}.env-card:last-child{margin-bottom:0}.env-header{justify-content:space-between;margin-bottom:20px}.env-header,.env-info{align-items:center;display:flex}.env-info{gap:16px}.env-status-indicator{border-radius:50%;flex-shrink:0;height:16px;position:relative;width:16px}.env-status-indicator:before{animation:pulse-ring 2s ease-out infinite;border:2px solid;border-radius:50%;bottom:-6px;content:"";left:-6px;opacity:.2;position:absolute;right:-6px;top:-6px}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.env-status-indicator.active{background:#10b981;box-shadow:0 0 20px #10b98199;color:#10b981}.env-status-indicator.inactive{background:#64748b;box-shadow:none;color:#64748b}.env-details h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.env-details p{color:#a1a1aa;font-size:14px}.env-status-badge{border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.env-status-badge.active{background:#10b98126;border:1px solid #10b98166;box-shadow:0 0 15px #10b9814d;color:#10b981}.env-status-badge.inactive{background:#64748b1f;border:1px solid #64748b40;color:#94a3b8}.env-controls{align-items:center;display:flex;justify-content:center}.toggle-switch{height:40px;position:relative;width:80px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#64748b40;border:2px solid #64748b66;border-radius:40px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background:linear-gradient(135deg,#64748b,#475569);border-radius:50%;bottom:3px;box-shadow:0 4px 12px #0000004d;content:"";height:30px;left:3px;width:30px}input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 0 25px #10b98180}input:checked+.toggle-slider:before{background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 4px 20px #10b98199;transform:translateX(40px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}input:disabled+.toggle-slider:before{opacity:.5}#result{align-items:center;border-radius:16px;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:32px;min-height:60px;opacity:0;padding:20px;text-align:center;transition:opacity .3s}#result.show{opacity:1}#result.processing{background:#6366f11a;border:1px solid #6366f14d;color:#818cf8}#result.processing:before{animation:spin 1s linear infinite;content:"⏳ ";display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#result.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}#result.success:before{content:"✅ "}#result.error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}#result.error:before{content:"❌ "}.activity-section{border-top:1px solid #6366f126;margin-top:32px;padding-top:32px}.activity-title{color:#a1a1aa;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.activity-list{max-height:200px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#14141c4d;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.activity-item{align-items:center;background:#14141c66;border:1px solid #6366f11a;border-radius:10px;display:flex;font-size:13px;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.activity-item:hover{background:#14141c99;border-color:#6366f133}.activity-icon{font-size:16px}.activity-text{color:#e8e8f0;flex:1 1}.activity-time{color:#71717a;font-size:12px}.empty-activity{font-size:14px;padding:40px}.empty-activity,.footer{color:#71717a;text-align:center}.footer{border-top:1px solid #6366f11a;font-size:13px;margin-top:40px;padding-top:32px}.footer a{color:#818cf8;text-decoration:none;transition:color .2s}.footer a:hover{color:#6366f1}@media (max-width:768px){body{padding-top:70px}.top-bar{height:60px}.top-bar-title{font-size:13px;padding:0 140px;text-align:center}.logo{height:34px;left:16px;max-width:100px}.container{padding:15px}.header-title{font-size:36px}.control-panel{padding:32px 24px}.env-card{padding:24px}.env-header{align-items:flex-start;flex-direction:column;gap:16px}.env-controls{flex-direction:column;width:100%}}
/*# sourceMappingURL=main.b7074dc3.css.map*/