*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#e6f3ff,#b3d9ff);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,body{min-height:100vh}.app{padding:20px}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:90vw;padding:40px}.header{margin-bottom:40px;text-align:center}.header h1{color:#4a5568;font-size:2.5rem;font-weight:700;margin-bottom:10px}.header p{color:#718096;font-size:1.1rem}.url-input-section{background:#fff;border-radius:15px;box-shadow:0 10px 25px #00000014;margin-bottom:30px;padding:30px}.url-input-section h2{color:#4a5568;font-size:1.5rem;margin-bottom:20px}.input-group{align-items:flex-end;display:flex;gap:15px}.input-field{flex:1 1}.input-field label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.input-field input{border:2px solid #e2e8f0;border-radius:10px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.input-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.analyze-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.analyze-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.analyze-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.button-group{display:flex;gap:10px;margin-top:15px}.button-group .analyze-btn{flex:1 1}.test-btn{background:linear-gradient(135deg,#38a169,#2f855a)!important}.test-btn:hover{background:linear-gradient(135deg,#2f855a,#276749)!important}.error-message{color:#e53e3e;font-size:14px;margin-top:5px}.loading{padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;display:inline-block;height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFromButton{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes buttonRipple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.dashboard{background:#fff;border-radius:15px;box-shadow:0 10px 25px #00000014;padding:30px}.dashboard h2{color:#4a5568;font-size:1.8rem;margin-bottom:20px}.chart-container{margin-bottom:30px}.services-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.service-item{border-left:4px solid;border-radius:10px;justify-content:space-between;padding:15px;transition:all .3s ease}.service-info,.service-item{align-items:center;display:flex}.service-info{gap:12px}.service-icon{font-size:20px;min-width:24px;text-align:center}.service-item.active{background-color:#e6fffa;border-left-color:#38b286}.service-item.inactive{background-color:#fed7d7;border-left-color:#e53e3e}.service-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateX(5px)}.service-name{color:#4a5568;font-weight:600;margin-bottom:0}.service-status{font-size:14px;font-weight:500}.service-status.active{color:#38b286}.service-status.inactive{color:#e53e3e}.error{background-color:#fed7d7;border-left:4px solid #e53e3e;border-radius:10px;color:#c53030;margin:20px 0;padding:20px}.usage-guide{background:#fff;border-radius:15px;box-shadow:0 10px 25px #00000014;margin-top:20px;padding:30px}.usage-guide h3{color:#4a5568;font-size:1.5rem;margin-bottom:20px}.usage-guide h4{color:#4a5568;font-size:1.2rem;margin:25px 0 15px}.usage-guide ol{line-height:1.6;margin-left:20px}.usage-guide li{margin-bottom:10px}.usage-guide ul{margin:10px 0 10px 20px}.supported-services{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.service-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.service-grid span{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;text-align:center}@media (max-width:768px){.container{margin:10px;padding:20px}.input-group{flex-direction:column}.header h1{font-size:2rem}.button-group{flex-direction:column}.service-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
/*# sourceMappingURL=main.d9d0487c.css.map*/