.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000}.popup-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:1001;padding:20px;font-family:Arial,sans-serif;animation:fadeIn .3s ease-in-out}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px}.popup-header h2{margin:0;font-size:1.2rem;color:#333}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999}.close-btn:hover{color:#333}.field{margin-bottom:15px}.field label{display:block;margin-bottom:5px;font-weight:700;color:#555}.field select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.buttons{display:flex;flex-direction:row;gap:10px}.form-button{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s ease}.form-button:disabled{background:#ccc;cursor:not-allowed}.form-button:hover:not(:disabled){background:#45a049}.client-details-form .field{margin-bottom:15px}.client-details-form label{display:block;margin-bottom:5px;font-weight:700}.client-details-form input,.client-details-form textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-button:hover{background-color:#45a049}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.serviceDescription{color:#333;font-size:14px;margin-bottom:10px;background-color:#cef0ca;border:1px solid #008e02;padding:10px;border-radius:7px}body{margin:0;padding:0;font-family:Poppins,Arial,sans-serif}.calendar{display:flex;flex-direction:column;height:100vh;width:100%;box-sizing:border-box}.calendar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../f22-logo.png);background-size:contain;opacity:.05;z-index:-1;background-position:center center;background-repeat:no-repeat}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.calendar-header h2{margin:0;font-size:1.5rem}.calendar-header button{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.days-of-week{display:grid;grid-template-columns:repeat(7,1fr);background-color:#f0f0f0;text-align:center;font-weight:700;font-size:.9rem;flex-shrink:0;height:40px;line-height:40px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;flex-grow:1}.day-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:background-color .3s;font-size:1rem}.day-cell span{font-size:1rem;font-weight:700;color:#333;transition:transform .2s ease-in-out}.day-cell.hidden{visibility:hidden}.day-cell.passed-day{background-color:#f2f2f2;color:#aaa;cursor:not-allowed}.day-cell.passed-day span{color:#bbb}.day-cell.today{border:2px solid #16a085;font-weight:700}.day-cell.today.no-free-hours{background-color:#ffe6e6;color:#c0392b}.day-cell.today.has-free-hours{background-color:#e6f7ff;color:#2980b9}.day-cell.has-free-hours{background-color:#e8ffe8;border:1px solid #27ae60}.day-cell.has-free-hours:hover span{transform:scale(1.3)}.day-cell.no-free-hours{background-color:#f9f9f9;color:#bbb;cursor:not-allowed}.day-cell.no-free-hours:hover span,.day-cell.passed-day:hover span{transform:scale(1)}.day-cell.passed-day:hover span{color:#bbb}.day-cell:hover span{transform:scale(1.3);color:#333}@media (max-width: 600px){.calendar-header h2{font-size:1.2rem}.calendar-header button{font-size:.9rem;padding:6px 10px}}body{background-color:#121212;color:#e0e0e0}.calendar-header{background-color:#2b2b2b82;border-bottom:1px solid #444}.calendar-header h2{color:#e0e0e0}.calendar-header button{background-color:#007bff;color:#e0e0e0}.calendar-header button:hover{background-color:#0056b3}.days-of-week{background-color:#333333bd;color:#e0e0e0}.day-cell{background-color:#2b2b2b;color:#d0d0d0;border:1px solid #444}.day-cell span{color:#d0d0d0}.day-cell:hover span{color:#b0b0b0}.day-cell.passed-day{background-color:#1a1a1a;color:#777;cursor:not-allowed;opacity:.6}.day-cell.today{border:2px solid #16a085}.day-cell.today.no-free-hours{background-color:#4d0000;color:#fcc}.day-cell.today.has-free-hours{background-color:#004d66;color:#fff}.day-cell.has-free-hours{background-color:#004d00;border:1px solid #27ae60;color:#fff}.day-cell.no-free-hours{background-color:#2b2b2b;color:#777}.popup-overlay{background:#000c}.popup-content{background:#1e1e1e;color:#e0e0e0;box-shadow:0 4px 10px #00000080}.popup-header{border-bottom:1px solid #444}.popup-header h2{color:#e0e0e0}.close-btn{color:#999}.close-btn:hover{color:#e0e0e0}.field label{color:#bbb}.field select,.field input,.field textarea{background-color:#2b2b2b;color:#e0e0e0;border:1px solid #555}.form-button{background:#27ae60;color:#e0e0e0}.form-button:disabled{background:#555;color:#777}.form-button:hover:not(:disabled){background:#1e8c50}