body{background-color:#181818;color:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;padding:0}.main-content{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 60px)}h2{font-size:1.5rem;margin:1rem 0;text-align:center}.bottom-nav{align-items:center;background-color:#111;border-top:1px solid #333;bottom:0;color:#fff;height:60px;left:0;z-index:5}.no-schedule{color:#888;font-size:1.2rem;font-style:italic;overflow:hidden;padding:70px 0;text-align:center;width:100%}.week-nav{align-items:center;color:#f0f0f0;display:flex;gap:1rem;justify-content:center;margin:.5rem 0}.week-nav button{background-color:#1f1f1f;border:1px solid #444;border-radius:6px;color:#f0f0f0;cursor:pointer;font-weight:700;padding:6px 12px;transition:all .2s}.week-nav button:hover{background-color:#3b82f6;border-color:#2563eb;color:#fff}.week-nav span{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:.9rem;font-weight:700;padding:4px 10px}.zoom-controls{align-items:center;color:#f0f0f0;display:flex;font-family:Arial,sans-serif;gap:.5rem;justify-content:center;margin-bottom:.5rem}.zoom-controls button{background-color:#1f1f1f;border:1px solid #444;border-radius:6px;color:#f0f0f0;cursor:pointer;font-weight:700;padding:4px 10px;transition:all .2s}.zoom-controls button:hover{background-color:#3b82f6;border-color:#2563eb;color:#fff}.zoom-controls span{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:.9rem;font-weight:700;padding:2px 8px}@media (max-width:768px){.zoom-controls{display:none}}.table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-x:auto;overflow-y:auto;width:100%}table{border-collapse:collapse;height:calc(100vh - 105px);min-width:900px;width:100%}table thead th{font-size:1rem;font-weight:500;padding:.6rem}td,th{border:1px solid #444;box-sizing:border-box;font-size:.65rem;line-height:1em;padding:3px;text-align:center;white-space:normal;width:60px}th{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border-bottom:1px solid #444;color:#fff;font-weight:600;top:0;z-index:20}.day-cell,th{position:-webkit-sticky;position:sticky;transition:background-color .2s}.day-cell{background:linear-gradient(90deg,#2a2a2a,#1f1f1f);border-right:1px solid #444;color:#f0f0f0;font-size:1rem;font-weight:540;left:0;max-width:75px;min-width:65px;opacity:95%;padding-left:1rem;text-align:left;width:1%;z-index:10}td.break,td.out-of-hours{background-color:#333;border:1px solid #444}table th:first-child{left:0;z-index:30}td.booked{background:linear-gradient(135deg,#4f8ef7,#1d3fa3);border-radius:10px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:.8rem;font-weight:600;line-height:1em;overflow:hidden;padding:4px 6px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;vertical-align:middle;white-space:nowrap}td.booked:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 6px 18px #00000059;cursor:pointer;transform:translateY(-2px)}td.booked span{display:block;font-size:.4rem;overflow:hidden;text-overflow:ellipsis}td:not(.booked):hover{background-color:#333;cursor:pointer}.day-cell:hover{background-color:#444;cursor:default}.table-container th:hover{background-color:#3b3b3b;cursor:default}tbody tr:nth-child(odd) td.day-cell{background-color:#2f2f2f}tbody tr:nth-child(2n) td.day-cell{background-color:#2a2a2a}tbody tr td.day-cell:nth-child(6),tbody tr td.day-cell:nth-child(7){background-color:#222;color:#ff9a9a}@media (max-width:768px){table{font-size:.6rem;min-width:750px}td,th{font-size:1rem;padding:3px}.day-cell{max-width:70px;min-width:50px;padding-right:1rem}table thead th{font-weight:500;padding:.45rem}}@media (min-width:769px){table{height:calc(100vh - 140px)}}td.empty-cell{background-color:#333;border:1px solid #444;color:#aaa;font-size:.9rem;font-style:italic;overflow:hidden;padding-left:1rem;text-align:left;white-space:normal}.modal-backdrop{align-items:center;animation:fadeIn .25s ease-in-out;background:#0009;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:14px;box-shadow:0 10px 30px #00000059;max-width:420px;padding:30px 35px}.modal-content h3{color:#111;font-size:1.4rem;font-weight:700;margin-bottom:12px;margin-top:0}.modal-content p{color:#222;font-size:1.05rem;margin:6px 0;word-break:break-word}.modal-content button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:10px;margin-top:18px;padding:8px 16px;transition:all .25s}.modal-content button:hover{background-color:#2563eb;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.modal-content button.close-btn{background-color:#f0f0f0;color:#1f1f1f}.modal-content button.close-btn:hover{background-color:#dcdcdc}.modal-content button.cancel-reservation-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:7px 14px;transition:all .2s}.modal-content button.cancel-reservation-btn:hover{background-color:#dc2626;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}td.booked.cancelled{background-color:#f8d7da!important;box-shadow:none;color:#721c24!important;cursor:not-allowed;text-decoration:line-through}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb59;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 16px;transition:all .25s ease}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}.cancel-btn{background-color:#a9a9a9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .25s}.cancel-btn:hover{background-color:grey;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.notification{align-items:center;animation:slideIn .3s forwards,fadeOut .3s 3.5s forwards;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:800;gap:12px;opacity:0;padding:16px 20px;position:fixed;right:20px;top:20px;transform:translateX(150%);z-index:2000}.notification.success{background-color:#16a34a}.notification.error{background-color:#a00}@keyframes slideIn{0%{opacity:0;transform:translateX(150%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.reservation-form{background-color:#fff;border-radius:10px;color:#1f1f1f;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:12px;padding:20px}.reservation-form h3{font-size:1.3rem;font-weight:700;margin:0;text-align:center}.reservation-form .form-group{display:flex;flex-direction:column;gap:5px}.reservation-form label{font-size:.95rem;font-weight:600}.reservation-form input[type=text],.reservation-form select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:8px 10px}.reservation-form input[disabled]{background-color:#f0f0f0;color:#555}.reservation-form .form-actions{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.reservation-form button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:background .2s,transform .1s}.reservation-form button:first-child{background-color:#3b82f6;color:#fff}.reservation-form button:first-child:hover{background-color:#2563eb;transform:translateY(-1px)}.reservation-form button:last-child{background-color:#f0f0f0;color:#1f1f1f}.reservation-form button:last-child:hover{background-color:#dcdcdc}.calendar{background-color:#181818;color:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto}.calendar h2{color:#f0f0f0;font-size:1.5rem;font-weight:700;margin:1rem 0;text-align:center}.calendar .week-navigator{align-items:center;color:#f0f0f0;display:flex;gap:1rem;justify-content:center;margin:.5rem 0}.calendar .week-navigator button{background-color:#1f1f1f;border:1px solid #444;border-radius:6px;color:#f0f0f0;cursor:pointer;font-weight:700;padding:6px 12px;transition:all .2s}.calendar .week-navigator button:hover{background-color:#3b82f6;border-color:#2563eb;color:#fff}.calendar .week-navigator span{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:.9rem;font-weight:700;padding:4px 10px}.calendar .table-container{box-sizing:border-box;flex:1 1;overflow:auto;padding-bottom:0;width:100%}.calendar table{border-collapse:collapse;font-family:Arial,sans-serif;height:calc(100vh - 100px);min-width:900px;width:100%}.calendar td,.calendar th{border:1px solid #444;font-size:.75rem;font-weight:500;line-height:1.2em;padding:4px 6px;text-align:center;white-space:normal}.calendar th{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);color:#fff;font-size:.85rem;top:0;z-index:20}.calendar td.day-cell,.calendar th{font-weight:600;position:-webkit-sticky;position:sticky}.calendar td.day-cell{background:linear-gradient(90deg,#2a2a2a,#1f1f1f);color:#f0f0f0;font-size:1rem;left:0;max-width:75px;min-width:65px;opacity:95%;padding-left:1rem;text-align:left;z-index:10}.calendar th:first-child{left:0;z-index:30}.calendar td.booked{background:linear-gradient(135deg,#4f8ef7,#1d3fa3);border-radius:10px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;padding:4px 6px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;vertical-align:middle;white-space:nowrap}.calendar td.booked:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 6px 18px #00000059;cursor:pointer;transform:translateY(-2px)}.calendar td.booked span{display:block;font-size:.6rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.calendar td.empty-cell{background-color:#333;color:#aaa;font-size:.9rem;font-style:italic;overflow:hidden;padding:8px;text-align:center}@media (max-width:768px){.calendar table{font-size:1rem;min-width:0;table-layout:fixed;width:100%}.calendar td:first-child,.calendar th:first-child{background:linear-gradient(90deg,#2a2a2a,#1f1f1f);font-size:1rem;font-weight:600;opacity:95%;padding-left:.2rem;width:50px}.calendar td:nth-child(2),.calendar td:nth-child(3),.calendar th:nth-child(2),.calendar th:nth-child(3){font-size:.95rem;font-weight:500;overflow-wrap:break-word;white-space:normal;width:calc(50% - 25px)}.calendar td.day-cell{padding-left:.2rem}}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000004d;color:#000;font-family:Arial,sans-serif;max-width:400px;padding:20px}.modal-content input[type=time]{background:#f5f5f5;border:1px solid #ccc;border-radius:6px;color:#000;display:block;font-size:.9rem;margin:6px 0;padding:6px;width:100%}.modal-content .pauza-group{display:flex;gap:6px;margin-bottom:6px}.modal-actions{justify-content:space-between;margin-top:12px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 12px;transition:background .2s}.modal-actions button:first-child{background-color:#3b82f6;color:#fff}.modal-actions button:first-child:hover{background-color:#2563eb}.modal-actions button:last-child{background-color:#e5e5e5;color:#000}.modal-actions button:last-child:hover{background-color:#d4d4d4}@media (max-width:768px){.modal-content{padding:16px;width:95%}.modal-content input[type=time]{font-size:1rem;padding:8px}.modal-actions button{font-size:.95rem;padding:8px 10px}}.services-list{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:14px;margin:12px 1rem 1rem}.service-card{align-items:center;background-color:#2a2a2a;border-radius:10px;box-shadow:0 4px 12px #00000059;color:#f5f5f5;display:flex;font-size:1.1rem;justify-content:space-between;padding:14px 16px;transition:transform .25s ease,background-color .25s ease}.service-card:hover{background-color:#383838;transform:translateY(-2px)}.service-info p{font-size:1rem;line-height:1.4;margin:3px 0}.service-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;margin-left:10px;padding:6px 14px;transition:all .25s}.edit-btn{background-color:#3b82f6;color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#b22222;color:#fff}.delete-btn:hover{background-color:#8b1a1a}.add-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:1rem;margin-top:1rem;padding:10px 16px;transition:all .25s}.add-btn:hover{background-color:#2563eb;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .25s ease-in-out;background-color:#1e1e1e99;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .25s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #00000059;color:#1f1f1f;line-height:1.5;max-width:460px;min-width:340px;padding:28px 32px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-field{margin-bottom:16px}.modal-field label{color:#222;display:block;font-size:1rem;font-weight:600;margin-bottom:6px}.modal-field input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:8px 10px;width:100%}.modal-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:18px}.modal-content .modal-delete-btn{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .25s}.modal-content .modal-delete-btn:hover{background-color:#dc2626;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.profile-container{align-items:center;background-color:#121212;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;min-height:100vh}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile-card{background-color:#1e1e1e;border-radius:16px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%}.profile-info p{color:#f0f0f0;font-size:1.1rem;line-height:1.6;margin:0}.profile-info p strong{color:#fff;display:inline-block;font-weight:700;width:100px}.logout-btn{align-self:center;background-color:#b22222;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem 2.5rem;transition:all .2s ease-in-out}.logout-btn:hover{background-color:#8b1a1a;transform:translateY(-2px)}@media (max-width:480px){.profile-card{padding:1.2rem}.logout-btn{text-align:center;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.login-form{background-color:#252525;border-radius:12px;box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;gap:1.2rem;padding:2rem 2.5rem;width:320px}.login-form input{background-color:#1f1f1f;border:none;border-radius:8px;color:#f0f0f0;font-size:1rem;outline:none;padding:.8rem 1rem;transition:background .2s,box-shadow .2s}.login-form input:focus{background-color:#2a2a2a;box-shadow:0 0 5px #007bff}.login-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1rem;transition:background-color .2s,transform .1s}.login-form button:hover{background-color:#0056b3;transform:translateY(-2px)}.login-form p{color:#ff4d4f;font-size:.9rem;margin:0;text-align:center}.login-form input::placeholder{color:#bbb}.forgot-password{color:#4a90e2;cursor:pointer;font-size:.9rem;margin-bottom:1rem;margin-top:-.5rem;text-align:right;transition:color .2s}.forgot-password:hover{color:#357ab8}.error{color:#ff4d4f}.error,.message{font-size:.9rem;margin-top:.5rem;text-align:center}.message{color:#4caf50}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#181818d9;border-top:1px solid #ffffff1a;display:flex;justify-content:space-around;position:fixed;width:100%;z-index:20}.bottom-nav a{align-items:center;color:#ffffff80;display:flex;flex-direction:column;font-size:12px;text-decoration:none;transition:all .3s ease}.bottom-nav a:hover{color:#ffffffb3}.bottom-nav a.active{color:#fff}.icon{font-size:24px;margin-bottom:4px;transition:transform .3s ease,color .3s ease}.bottom-nav a.active .icon{transform:scale(1.2)}.bottom-nav a .label{color:inherit;font-size:11px;transition:color .3s ease}@media (max-width:480px){.bottom-nav a .label{font-size:10px}.icon{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}.app{color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.app,.content{background-color:#181818}.content{flex:1 1;padding:0}
/*# sourceMappingURL=main.e4150933.css.map*/