:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.service-list[data-v-89e263c3]{padding:20px;max-width:1200px;margin:0 auto}.service-list-header[data-v-89e263c3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.header-left h2[data-v-89e263c3]{margin:0 0 5px;color:#333;font-size:24px}.service-count[data-v-89e263c3]{color:#666;font-size:14px}.btn-refresh[data-v-89e263c3]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.btn-refresh[data-v-89e263c3]:hover:not(:disabled){background:#45a049}.btn-refresh[data-v-89e263c3]:disabled{opacity:.6;cursor:not-allowed}.spinning[data-v-89e263c3]{animation:spin-89e263c3 1s linear infinite}@keyframes spin-89e263c3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls-section[data-v-89e263c3]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.search-section[data-v-89e263c3]{flex:1;min-width:300px}.search-input-group[data-v-89e263c3]{position:relative;display:flex;align-items:center}.search-input[data-v-89e263c3]{width:100%;padding:10px 40px 10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.search-input[data-v-89e263c3]:focus{outline:none;border-color:#4caf50}.clear-search-btn[data-v-89e263c3]{position:absolute;right:8px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px;border-radius:50%;transition:background-color .3s}.clear-search-btn[data-v-89e263c3]:hover{background:#f0f0f0}.filter-section[data-v-89e263c3]{display:flex;gap:10px;align-items:center}.sort-select[data-v-89e263c3],.items-per-page-select[data-v-89e263c3]{padding:8px 12px;border:2px solid #ddd;border-radius:6px;background:#fff;font-size:14px}.sort-order-btn[data-v-89e263c3]{padding:8px 12px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .3s}.sort-order-btn[data-v-89e263c3]:hover{background:#1976d2}.loading[data-v-89e263c3]{text-align:center;padding:40px}.loading-spinner[data-v-89e263c3]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin-89e263c3 1s linear infinite;margin:0 auto 15px}.error-message[data-v-89e263c3]{text-align:center;padding:40px;color:#d32f2f}.error-message h3[data-v-89e263c3]{margin-bottom:10px}.error-help[data-v-89e263c3]{background:#ffebee;padding:15px;border-radius:6px;text-align:left;max-width:500px;margin:15px auto}.error-help ul[data-v-89e263c3]{margin:10px 0 0 20px}.error-help code[data-v-89e263c3]{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:monospace}.empty-state[data-v-89e263c3]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-89e263c3]{font-size:48px;margin-bottom:15px}.empty-state h3[data-v-89e263c3]{margin:0 0 10px;color:#333}.services-grid[data-v-89e263c3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:30px}.service-card[data-v-89e263c3]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.service-card[data-v-89e263c3]:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.service-card-header[data-v-89e263c3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.service-card-header h3[data-v-89e263c3]{margin:0;color:#333;font-size:18px;flex:1}.service-id[data-v-89e263c3]{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.service-description[data-v-89e263c3]{margin:0 0 15px;color:#666;line-height:1.4;font-size:14px}.service-details[data-v-89e263c3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.service-price[data-v-89e263c3]{font-size:18px;font-weight:700;color:#4caf50}.service-duration[data-v-89e263c3]{color:#666;font-size:14px}.service-footer[data-v-89e263c3]{display:flex;justify-content:space-between;align-items:center}.service-date[data-v-89e263c3]{color:#999;font-size:12px}.service-actions[data-v-89e263c3]{display:flex;gap:8px}.btn[data-v-89e263c3]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-sm[data-v-89e263c3]{padding:6px 10px;font-size:12px}.btn-secondary[data-v-89e263c3]{background:#6c757d;color:#fff}.btn-secondary[data-v-89e263c3]:hover{background:#5a6268}.btn-edit[data-v-89e263c3]{background:#2196f3;color:#fff}.btn-edit[data-v-89e263c3]:hover{background:#1976d2}.btn-delete[data-v-89e263c3]{background:#f44336;color:#fff}.btn-delete[data-v-89e263c3]:hover{background:#d32f2f}.btn-retry[data-v-89e263c3]{background:#ff9800;color:#fff}.btn-retry[data-v-89e263c3]:hover{background:#f57c00}.btn-danger[data-v-89e263c3]{background:#f44336;color:#fff}.btn-danger[data-v-89e263c3]:hover:not(:disabled){background:#d32f2f}.btn[data-v-89e263c3]:disabled{opacity:.6;cursor:not-allowed}.pagination[data-v-89e263c3]{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:30px}.pagination-info[data-v-89e263c3]{color:#666;font-size:14px}.pagination-controls[data-v-89e263c3]{display:flex;gap:5px;align-items:center}.btn-pagination[data-v-89e263c3]{min-width:40px;height:40px;padding:8px;background:#fff;border:2px solid #ddd;color:#333}.btn-pagination[data-v-89e263c3]:hover:not(:disabled){background:#f5f5f5;border-color:#4caf50}.btn-pagination.active[data-v-89e263c3]{background:#4caf50;color:#fff;border-color:#4caf50}.btn-pagination[data-v-89e263c3]:disabled{background:#f5f5f5;color:#ccc;border-color:#eee}.modal-overlay[data-v-89e263c3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-89e263c3]{background:#fff;border-radius:12px;min-width:400px;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.modal-header[data-v-89e263c3]{padding:20px 20px 0;border-bottom:1px solid #eee}.modal-header h3[data-v-89e263c3]{margin:0 0 15px;color:#333}.modal-body[data-v-89e263c3]{padding:20px}.service-to-delete[data-v-89e263c3]{background:#f8f9fa;padding:15px;border-radius:6px;margin:15px 0;text-align:center}.service-to-delete .price[data-v-89e263c3]{color:#4caf50;font-weight:700}.warning-text[data-v-89e263c3]{color:#f44336;font-weight:700;text-align:center;margin:15px 0 0}.modal-actions[data-v-89e263c3]{padding:0 20px 20px;display:flex;gap:10px;justify-content:flex-end}@media (max-width: 768px){.service-list[data-v-89e263c3]{padding:10px}.service-list-header[data-v-89e263c3]{flex-direction:column;align-items:flex-start;gap:15px}.controls-section[data-v-89e263c3]{flex-direction:column;gap:10px}.search-section[data-v-89e263c3]{min-width:auto}.filter-section[data-v-89e263c3]{flex-wrap:wrap}.services-grid[data-v-89e263c3]{grid-template-columns:1fr;gap:15px}.pagination-controls[data-v-89e263c3]{flex-wrap:wrap;justify-content:center}.modal[data-v-89e263c3]{min-width:auto;margin:20px}}@media (max-width: 480px){.service-card-header[data-v-89e263c3],.service-details[data-v-89e263c3]{flex-direction:column;align-items:flex-start;gap:8px}.service-footer[data-v-89e263c3]{flex-direction:column;align-items:flex-start;gap:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{padding:20px}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.app-header{background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff;padding:40px;text-align:center;position:relative}.app-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{font-size:1.1em;opacity:.9;margin-bottom:20px}.api-status{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;font-size:.9em}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected{background:#4caf50}.status-indicator.disconnected{background:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.app-main{padding:40px}.add-service-section{margin-bottom:40px}.add-service-section h2{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #2196F3;display:inline-block}.service-form{background:#f8f9fa;padding:30px;border-radius:12px;border:1px solid #e9ecef}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:#555}.form-group input,.form-group textarea{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-actions{display:flex;gap:15px;justify-content:flex-start}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.status-message{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:600}.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.services-section{border-top:1px solid #e9ecef;padding-top:30px}