@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4a1488;--secondary-color:#6c757d;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--background-light:#f8f9fa;--background-dark:#343a40;--text-color-dark:#343a40;--text-color-light:#fff;--border-color:#dee2e6;--card-bg:#fff;--finished-bg:#f0f0f0;--paid-bg:#e6ffe6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius:8px;--box-shadow:0 4px 12px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-light);color:#343a40;color:var(--text-color-dark);font-family:Roboto,sans-serif;line-height:1.6;margin:0}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container{background-color:#f0f2f5;box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);margin:0 auto;max-width:1400px;width:100%}.app-header{align-items:center;background-color:#4a1488;background-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--text-color-light);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.app-header h1{font-size:1.8rem;margin:0;text-align:center}.nav-buttons{display:flex;gap:8px;gap:var(--spacing-sm)}.nav-button{align-items:center;background-color:#fff3;border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);cursor:pointer;display:flex;font-size:1rem;gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease,transform .2s ease}.nav-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.nav-button.active{background-color:#fff;background-color:var(--text-color-light);color:#4a1488;color:var(--primary-color);font-weight:700}.main-content{background-color:#f8f9fa;background-color:var(--background-light);flex-grow:1;padding:24px;padding:var(--spacing-lg)}.container{background-color:#fff;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);margin:0 auto;max-width:1200px;padding:16px;padding:var(--spacing-md)}.tab-title{color:#4a1488;color:var(--primary-color);font-size:2rem;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.add-client-form,.add-timer-form,.add-vehicle-form{background-color:#f8f9fa;background-color:var(--background-light);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--spacing-md)}.add-client-form h3,.add-timer-form h3,.add-vehicle-form h3{align-items:center;color:#4a1488;color:var(--primary-color);display:flex;font-size:1.25rem;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0}.input-group{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.input-group input,.input-group select{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);flex:1 1;min-width:150px}.input-group button,.input-group input,.input-group select{font-size:1rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.input-group button{align-items:center;background-color:#4a1488;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.input-group button:hover{background-color:#0056b3;transform:translateY(-1px)}.no-clients-message,.no-history-message,.no-timers-message,.no-waitlist-message{background-color:#f8f9fa;background-color:var(--background-light);border:1px dashed #dee2e6;border:1px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#6c757d;color:var(--secondary-color);font-style:italic;margin-top:16px;margin-top:var(--spacing-md);padding:24px;padding:var(--spacing-lg);text-align:center}.timers-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-top:16px;padding-top:var(--spacing-md)}.timer-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .3s ease}.timer-card.finished{background-color:#f0f0f0;background-color:var(--finished-bg);border-left:5px solid #dc3545;border-left:5px solid var(--danger-color)}.timer-card.paid{background-color:#e6ffe6;background-color:var(--paid-bg);border-left:5px solid #28a745;border-left:5px solid var(--success-color)}.timer-info{flex-grow:1;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.timer-info h3{color:#4a1488;color:var(--primary-color);font-size:1.5rem;margin-top:0;word-break:break-word}.timer-info .vehicle-name{color:#6c757d;color:var(--secondary-color);font-size:.9rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.time-display{color:#343a40;color:var(--text-color-dark);font-size:3rem;font-weight:700;margin:8px 0;margin:var(--spacing-sm) 0}.timer-card.finished .time-display{color:#dc3545;color:var(--danger-color)}.status-message{font-size:.9rem;font-weight:700;margin-top:8px;margin-top:var(--spacing-sm)}.status-message.finished-message{color:#dc3545;color:var(--danger-color)}.timer-actions{flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);margin-top:16px;margin-top:var(--spacing-md)}.action-button,.timer-actions{display:flex;justify-content:center}.action-button{align-items:center;background-color:#6c757d;background-color:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);cursor:pointer;font-size:1rem;height:40px;padding:8px;padding:var(--spacing-sm);transition:background-color .3s ease,transform .2s ease;width:40px}.action-button svg{font-size:1.2rem}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.play-pause-button{background-color:#28a745;background-color:var(--success-color)}.play-pause-button:hover{background-color:#218838}.reset-button{background-color:#17a2b8;background-color:var(--info-color)}.reset-button:hover{background-color:#117a8b}.edit-button{background-color:#4a1488;background-color:var(--primary-color)}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545;background-color:var(--danger-color)}.delete-button:hover{background-color:#c82333}.save-button{background-color:#28a745;background-color:var(--success-color)}.save-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;background-color:var(--secondary-color)}.cancel-button:hover{background-color:#5a6268}.edit-input{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;margin-bottom:8px;padding:8px 10px;width:calc(100% - 20px)}.edit-input.duration-input{margin-bottom:0}.payment-button{background-color:#ffc107;background-color:var(--warning-color);color:#343a40;color:var(--text-color-dark)}.payment-button:hover{background-color:#e0a800}.payment-button.paid{background-color:#28a745;background-color:var(--success-color);color:#fff;color:var(--text-color-light)}.payment-button.paid:hover{background-color:#218838}.vehicles-waitlist-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:16px;padding-top:var(--spacing-md)}.vehicle-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;padding:16px;padding:var(--spacing-md)}.vehicle-card-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.vehicle-card-header h3{align-items:center;color:#4a1488;color:var(--primary-color);display:flex;font-size:1.4rem;margin:0}.remove-vehicle-button{align-items:center;background-color:#dc3545;background-color:var(--danger-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);cursor:pointer;display:flex;font-size:.9rem;gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.remove-vehicle-button:hover{background-color:#c82333;transform:translateY(-1px)}.vehicle-clients-list{flex-grow:1}.vehicle-clients-list h4{color:#343a40;color:var(--text-color-dark);font-size:1.1rem;margin-bottom:8px;margin-bottom:var(--spacing-sm);margin-top:0}.vehicle-clients-list ul{list-style:none;margin:0;padding:0}.client-queue-item{align-items:center;background-color:#f8f9fa;background-color:var(--background-light);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:8px;padding:var(--spacing-sm)}.client-queue-item .paid-indicator{align-items:center;background-color:#d4edda;border-radius:4px;color:#155724;display:inline-flex;font-size:.8em;font-weight:700;gap:4px;margin-left:8px;padding:2px 6px}.add-client-form .checkbox-group{align-items:center;display:flex;gap:8px;margin-bottom:15px}.add-client-form .checkbox-group label{color:#333;font-weight:400}.add-client-form .checkbox-group input[type=checkbox]{margin:0;transform:scale(1.2);width:auto}.client-queue-item span{flex-grow:1;font-size:1rem;font-weight:500;word-break:break-word}.client-item-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);justify-content:flex-end}.move-to-timer-button{align-items:center;background-color:#28a745;background-color:var(--success-color);border-radius:5px;color:#fff;color:var(--text-color-light);display:flex;font-size:.85rem;gap:5px;padding:6px 10px;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.move-to-timer-button:hover{background-color:#218838;transform:translateY(-1px)}.remove-client-button{align-items:center;background-color:#dc3545;background-color:var(--danger-color);border:none;border-radius:5px;color:#fff;color:var(--text-color-light);cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;padding:6px;transition:background-color .3s ease,transform .2s ease;width:30px}.remove-client-button:hover{background-color:#c82333;transform:translateY(-1px)}.app-footer{background-color:#343a40;background-color:var(--background-dark);color:#fff;color:var(--text-color-light);font-size:.8rem;margin-top:32px;margin-top:var(--spacing-xl);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}@media (min-width:768px){.app-header{flex-direction:row}.app-header h1{font-size:2.2rem;text-align:left}.input-group{flex-wrap:nowrap}}@media (max-width:768px){.main-content{padding:16px;padding:var(--spacing-md)}.tab-title{font-size:1.5rem}.add-client-form .input-group,.add-timer-form .input-group,.add-vehicle-form .input-group{flex-direction:column;gap:16px;gap:var(--spacing-md)}.input-group button,.input-group input,.input-group select{box-sizing:border-box;width:100%}.timer-card{padding:16px;padding:var(--spacing-md)}.timer-info h3{font-size:1.3rem}.time-display{font-size:2.5rem}.timer-actions{flex-direction:row;gap:8px;gap:var(--spacing-sm);justify-content:center}.action-button{height:36px;width:36px}.action-button svg{font-size:1rem}.vehicle-card-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.remove-vehicle-button{font-size:.8rem;justify-content:center;padding:8px;padding:var(--spacing-sm);width:100%}.client-queue-item{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.client-item-actions{justify-content:space-between;width:100%}.move-to-timer-button,.remove-client-button{font-size:.8rem;justify-content:center;padding:8px 5px;width:calc(50% - 2px);width:calc(50% - var(--spacing-xs)/2)}}
/*# sourceMappingURL=main.13dbe55c.css.map*/