*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}#app{min-height:100vh}.modal-overlay[data-v-c1deb66a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-c1deb66a]{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:0 4px 20px #0003}.modal-title[data-v-c1deb66a]{margin:0 0 16px;font-size:1.25rem;color:#333;text-align:center}.modal-info[data-v-c1deb66a]{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:.95rem}.modal-info p[data-v-c1deb66a]{margin:4px 0;color:#555}.reservation-form[data-v-c1deb66a]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-c1deb66a]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-c1deb66a]{font-weight:600;font-size:.9rem;color:#333}.form-group input[data-v-c1deb66a]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input[data-v-c1deb66a]:focus{outline:none;border-color:#4a90d9}.error-message[data-v-c1deb66a]{background:#f8d7da;color:#721c24;padding:10px 12px;border-radius:6px;font-size:.9rem;text-align:center}.success-message[data-v-c1deb66a]{background:#d4edda;color:#155724;padding:10px 12px;border-radius:6px;font-size:.9rem;text-align:center}.modal-actions[data-v-c1deb66a]{display:flex;gap:12px;margin-top:16px}.btn[data-v-c1deb66a]{flex:1;padding:12px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-c1deb66a]{background:#4a90d9;color:#fff}.btn-primary[data-v-c1deb66a]:hover{background:#357abd}.btn-secondary[data-v-c1deb66a]{background:#6c757d;color:#fff}.btn-secondary[data-v-c1deb66a]:hover{background:#5a6268}@media (max-width: 480px){.modal-content[data-v-c1deb66a]{padding:16px}.modal-title[data-v-c1deb66a]{font-size:1.1rem}.form-group input[data-v-c1deb66a]{padding:8px;font-size:.9rem}.btn[data-v-c1deb66a]{padding:10px;font-size:.9rem}}.modal-overlay[data-v-772033da]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-772033da]{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:0 4px 20px #0003}.modal-title[data-v-772033da]{margin:0 0 16px;font-size:1.25rem;color:#333;text-align:center}.modal-info[data-v-772033da]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.info-item[data-v-772033da]{margin:8px 0;font-size:.95rem;color:#555}.info-item strong[data-v-772033da]{color:#333;min-width:70px;display:inline-block}.cancel-disabled-message[data-v-772033da]{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:.9rem}.cancel-disabled-message .icon[data-v-772033da]{margin-right:8px}.cancel-form[data-v-772033da],.admin-actions[data-v-772033da]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-772033da]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-772033da]{font-weight:600;font-size:.9rem;color:#333}.form-group input[data-v-772033da]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input[data-v-772033da]:focus{outline:none;border-color:#dc3545}.error-message[data-v-772033da]{background:#f8d7da;color:#721c24;padding:10px 12px;border-radius:6px;font-size:.9rem;text-align:center}.success-message[data-v-772033da]{background:#d4edda;color:#155724;padding:10px 12px;border-radius:6px;font-size:.9rem;text-align:center}.admin-note[data-v-772033da]{text-align:center;color:#6c757d;font-size:.9rem;margin-bottom:8px}.modal-actions[data-v-772033da]{display:flex;gap:12px}.btn[data-v-772033da]{flex:1;padding:12px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-772033da]{background:#4a90d9;color:#fff}.btn-primary[data-v-772033da]:hover{background:#357abd}.btn-secondary[data-v-772033da]{background:#6c757d;color:#fff}.btn-secondary[data-v-772033da]:hover{background:#5a6268}.btn-danger[data-v-772033da]{background:#dc3545;color:#fff}.btn-danger[data-v-772033da]:hover:not(:disabled){background:#c82333}.btn-danger[data-v-772033da]:disabled{background:#e9ecef;cursor:not-allowed}@media (max-width: 480px){.modal-content[data-v-772033da]{padding:16px}.modal-title[data-v-772033da]{font-size:1.1rem}.info-item[data-v-772033da]{font-size:.85rem}.form-group input[data-v-772033da]{padding:8px;font-size:.9rem}.btn[data-v-772033da]{padding:10px;font-size:.9rem}}.reservation-grid[data-v-ebdf88e3]{width:100%}.type-header[data-v-ebdf88e3]{font-size:1.3rem;font-weight:800;color:#333;margin-bottom:14px;padding-left:4px;display:flex;align-items:center;gap:12px}.loading-badge[data-v-ebdf88e3]{font-size:.8rem;font-weight:500;color:#888;background:#f0f0f0;padding:2px 10px;border-radius:12px}.machines-row[data-v-ebdf88e3]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.machine-card[data-v-ebdf88e3]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.machine-card-header[data-v-ebdf88e3]{background:#f8f9fa;padding:12px 16px;font-weight:700;font-size:.95rem;color:#333;border-bottom:2px solid #e0e0e0;text-align:center}.machine-card-slots[data-v-ebdf88e3]{display:flex;flex-direction:column}.slot-item[data-v-ebdf88e3]{padding:10px 12px;cursor:pointer;transition:background-color .2s ease;min-height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.slot-item[data-v-ebdf88e3]:last-child{border-bottom:none}.slot-item[data-v-ebdf88e3]:hover{opacity:.85}.slot-time[data-v-ebdf88e3]{font-size:.8rem;color:#666;font-weight:500}.slot-status[data-v-ebdf88e3]{font-size:.85rem;font-weight:700;text-align:right}.slot-item.empty[data-v-ebdf88e3]:hover{background:#e3f2fd}.slot-item.booked[data-v-ebdf88e3]{background:#d1ecf1;color:#0c5460}.slot-item.passed[data-v-ebdf88e3]{background:#f5f5f5;color:#aaa;cursor:not-allowed}.slot-item.passed .slot-status[data-v-ebdf88e3]{text-decoration:line-through}.slot-item.current[data-v-ebdf88e3]{background:#007bff;color:#fff}.slot-item.current .slot-time[data-v-ebdf88e3]{color:#fffc}.add-indicator[data-v-ebdf88e3]{color:#6c757d;font-weight:500}.slot-item.empty:hover .add-indicator[data-v-ebdf88e3]{color:#007bff}@media (max-width: 768px){.machines-row[data-v-ebdf88e3]{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.machines-row[data-v-ebdf88e3]{grid-template-columns:1fr;gap:12px}.machine-card-header[data-v-ebdf88e3]{padding:10px 12px;font-size:.9rem}.slot-item[data-v-ebdf88e3]{padding:10px 14px;min-height:44px}}.main-view[data-v-211347d0]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-211347d0]{background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;padding:16px;text-align:center;box-shadow:0 2px 4px #0000001a}.header h1[data-v-211347d0]{margin:0;font-size:1.5rem}.content[data-v-211347d0]{flex:1;padding:16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.date-display[data-v-211347d0]{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:16px;color:#333}.tab-container[data-v-211347d0]{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.tab-btn[data-v-211347d0]{padding:10px 24px;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#e0e0e0;color:#666}.tab-btn.active[data-v-211347d0]{background:#4a90d9;color:#fff;box-shadow:0 2px 8px #4a90d94d}.tab-btn[data-v-211347d0]:not(.active):hover{background:#d0d0d0}.footer[data-v-211347d0]{padding:16px;text-align:center;background:#f8f9fa;border-top:1px solid #e0e0e0}.admin-link[data-v-211347d0]{display:inline-block;padding:8px 24px;background:#6c757d;color:#fff;text-decoration:none;border-radius:20px;font-weight:600;transition:background .2s ease}.admin-link[data-v-211347d0]:hover{background:#5a6268}@media (max-width: 768px){.header h1[data-v-211347d0]{font-size:1.3rem}.content[data-v-211347d0]{padding:12px}.date-display[data-v-211347d0]{font-size:1.1rem;margin-bottom:12px}.tab-btn[data-v-211347d0]{padding:8px 16px;font-size:.9rem}.admin-link[data-v-211347d0]{padding:6px 16px;font-size:.9rem}}@media (max-width: 480px){.header h1[data-v-211347d0]{font-size:1.1rem;padding:12px 0}.date-display[data-v-211347d0]{font-size:1rem}.tab-btn[data-v-211347d0]{padding:6px 12px;font-size:.85rem}.tab-container[data-v-211347d0]{gap:4px}}.modal-overlay[data-v-f8e1dda0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal-content[data-v-f8e1dda0]{background:#fff;border-radius:12px;padding:32px 24px;width:100%;max-width:360px;box-shadow:0 8px 32px #0000004d;text-align:center}.modal-title[data-v-f8e1dda0]{margin:0 0 8px;font-size:1.5rem;color:#333}.modal-desc[data-v-f8e1dda0]{margin:0 0 24px;color:#666;font-size:.95rem}.form-group[data-v-f8e1dda0]{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.form-group label[data-v-f8e1dda0]{font-weight:600;font-size:.9rem;color:#333}.form-group input[data-v-f8e1dda0]{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1.1rem;text-align:center;transition:border-color .2s ease}.form-group input[data-v-f8e1dda0]:focus{outline:none;border-color:#4a90d9}.error-message[data-v-f8e1dda0]{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px;font-weight:500}.modal-actions[data-v-f8e1dda0]{display:flex;justify-content:center}.btn[data-v-f8e1dda0]{padding:12px 32px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-f8e1dda0]{background:#4a90d9;color:#fff}.btn-primary[data-v-f8e1dda0]:hover{background:#357abd}@media (max-width: 480px){.modal-content[data-v-f8e1dda0]{padding:24px 16px}.modal-title[data-v-f8e1dda0]{font-size:1.25rem}.form-group input[data-v-f8e1dda0]{padding:10px;font-size:1rem}.btn[data-v-f8e1dda0]{padding:10px 24px;font-size:.95rem}}.admin-view[data-v-c5240978]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-c5240978]{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;padding:16px;text-align:center;box-shadow:0 2px 4px #0000001a;position:relative}.header h1[data-v-c5240978]{margin:0;font-size:1.5rem}.logout-btn[data-v-c5240978]{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:6px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-btn[data-v-c5240978]:hover{background:#ffffff4d}.content[data-v-c5240978]{flex:1;padding:16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.login-required[data-v-c5240978]{text-align:center;padding:48px 24px;background:#f8f9fa;border-radius:12px}.login-required h2[data-v-c5240978]{color:#333;margin-bottom:16px}.login-required p[data-v-c5240978]{color:#666;font-size:1.1rem}.admin-controls[data-v-c5240978]{margin-bottom:16px;text-align:center}.admin-hint[data-v-c5240978]{background:#d1ecf1;color:#0c5460;padding:12px 24px;border-radius:20px;display:inline-block;font-size:.95rem}.machine-section[data-v-c5240978]{margin-bottom:32px}.section-title[data-v-c5240978]{text-align:center;font-size:1.25rem;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}@media (max-width: 768px){.header h1[data-v-c5240978]{font-size:1.2rem}.logout-btn[data-v-c5240978]{padding:4px 12px;font-size:.8rem}.content[data-v-c5240978]{padding:12px}.section-title[data-v-c5240978]{font-size:1.1rem}.admin-hint[data-v-c5240978]{font-size:.85rem;padding:8px 16px}}@media (max-width: 480px){.header h1[data-v-c5240978],.section-title[data-v-c5240978]{font-size:1rem}.content[data-v-c5240978]{padding:8px}}:root{--primary-color: #4a90d9;--primary-hover: #357abd;--danger-color: #dc3545;--success-color: #28a745;--secondary-color: #6c757d;--info-bg: #f8f9fa;--info-text: #495057;--border-color: #dee2e6;--text-color: #333;--text-secondary: #6c757d;--status-empty: #f8f9fa;--status-empty-hover: #e3f2fd;--status-booked: #d1ecf1;--status-booked-text: #0c5460;--status-passed: #dee2e6;--status-passed-text: #888;--status-current: #007bff;--status-current-text: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .85rem;--font-size-md: .95rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--text-color);background:var(--info-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:52px}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;font-size:var(--font-size-md);color:var(--text-color)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90d933}.form-group small{font-size:var(--font-size-sm);color:var(--text-secondary)}.alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-overlay.close-on-overlay{cursor:pointer}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);position:relative}.modal-content.close-on-overlay{cursor:pointer}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-color)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);line-height:1}.modal-body{max-height:70vh;overflow-y:auto}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.tab-container{display:flex;gap:var(--spacing-xs);justify-content:center}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);background:#fff;color:var(--text-secondary);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--info-bg)}.tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.link{color:var(--primary-color);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.link-secondary{color:var(--secondary-color)}h1{font-size:1.75rem;font-weight:700;color:var(--text-color)}h2{font-size:1.5rem;font-weight:600;color:var(--text-color)}h3{font-size:1.25rem;font-weight:600;color:var(--text-color)}h4{font-size:1.1rem;font-weight:600;color:var(--text-color)}.text-muted{color:var(--text-secondary)}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media (max-width: 768px){:root{--font-size-lg: .95rem;--font-size-xl: 1rem}.container{padding:var(--spacing-sm)}.modal-content{padding:var(--spacing-md);max-height:90vh}}@media (max-width: 480px){:root{--font-size-md: .9rem;--font-size-lg: .9rem;--spacing-md: 12px;--spacing-lg: 16px}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:40px}}@media print{.no-print{display:none!important}}