.sidebar{background-color:#2e2e48;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 5px #0000001a;padding:24px 32px;box-sizing:border-box;gap:72px;border-top-right-radius:32px;border-bottom-right-radius:32px}.sidebar-header{text-align:center}.logo{width:140px;height:90px;object-fit:contain}.sidebar-user{text-align:center}.profile-photo{width:100px;height:100px;border-radius:50%;object-fit:cover}.user-name{margin-top:16px;font-size:16px;font-weight:700;color:#fff}.sidebar-nav ul{list-style:none;padding:0;width:100%;text-align:left;display:flex;flex-direction:column;gap:32px}.sidebar-nav a{text-decoration:none;color:#fff;font-size:16px;transition:color .3s;display:flex;flex-direction:row;gap:12px}.sidebar-nav a:hover{color:#007bff}.sidebar-footer{text-align:center;display:block;flex-direction:row;width:100%;margin:0;padding:0}.logout{text-decoration:none;color:#fff;transition:color .3s;text-align:left;display:flex;gap:12px}.logout:hover{color:#c9302c}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background:#fff;padding:24px;border-radius:12px;width:576px;box-shadow:0 4px 10px #00000040;z-index:1001}.modal-close{display:flex;position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;margin:0;padding:0;width:1rem;height:1 rem}.bookingForm{display:flex;flex-direction:column;gap:1.5rem;height:100%;margin:0;padding:0}.lineBlock{display:flex;flex-direction:row;gap:1rem;font-size:1rem;width:100%;justify-content:space-between}.inputBlock{display:flex;flex-direction:column;gap:.5rem;font-size:1rem;flex:1}.inputBlock label{font-size:.875rem}.inputBlock input,select,button{border-radius:24px;font-size:1rem;height:3rem}.inputBlock,.lineBlock button{margin:0;padding:0;flex:1}.searchInput{border-radius:32px;width:300px;height:30px}.searchpanel .bookButton{width:13 rem;height:2rem;margin:0;padding:5px}input.current-date{background-color:#fff;border-radius:32px;text-align:center;height:30px}.searchpanel{display:flex;gap:24px;align-items:center;justify-content:center;background-color:transparent;margin:0;padding:0}input,select{padding:0 16px}.homePage{display:flex;flex-direction:column;height:100%}main{display:flex;flex:1;overflow:auto}.dateSelect{display:flex;align-items:center;justify-content:center;width:251px;height:30px}.dateSelect input{width:159 px;height:auto;border:0;text-align:center;font-size:16px}.slideDate{border-radius:50%;height:30px;width:30px;display:flex;justify-content:center;align-items:center;margin:0;padding:0}header{height:50px;display:flex;align-items:center;justify-content:center}table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;padding:0;height:100%}td{border:1px solid #e8e8e8;text-align:center;vertical-align:middle;width:auto;height:auto;position:relative;min-height:34px}.clear{margin:0;padding:0;box-sizing:border-box;border:0px;height:100%}th{border:1px solid #e8e8e8;padding:10px;text-align:center;min-height:34px}.reservation-info{font-size:16px}.reservation-actions{position:absolute;top:1px;right:1px;display:flex;gap:10px}tr{height:auto}.reservation-actions button{height:100%;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.reservation-actions button img{height:100%;width:100%}button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;cursor:pointer;margin-top:5px}td.free{background-color:#fff}td.occupied{border-radius:8px}td.occupied .reservation-info{display:block}td.free .reservation-info{display:none}.user-reservation{background-color:#d3f9d8}.other-reservation{background-color:#b8d9ff}.timeCol{width:64px}.reservation-card img{margin-top:10px;width:100%}.section{width:100%;margin-bottom:32px}.section h2{margin-bottom:16px;text-align:left}.reservations{display:flex;flex-wrap:wrap;gap:16px}.reservation-card{border:1px solid #ccc;border-radius:8px;padding:16px;width:300px;box-shadow:0 2px 4px #0000001a}.empty-message{color:#777;text-align:left}.layout{display:grid;width:100%;grid-template-rows:70px 1fr;grid-template-columns:212px 1fr;grid-template-areas:"sidebar header" "sidebar content";height:100vh;position:fixed;background-color:#f3f3f3}.sidebar{grid-area:sidebar;background-color:#2e2e48;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 5px #0000001a;padding:24px 32px;box-sizing:border-box;gap:72px;border-top-right-radius:32px;border-bottom-right-radius:32px}.header{grid-area:header;background-color:transparent;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.content{grid-area:content;background-color:#fff;margin:0 40px;height:calc(100vh - 70px);border-radius:24px;box-sizing:border-box;overflow-y:auto}.page-content{margin:16px}button{background-color:#0a48ce;color:#fff;border-radius:24px}*{margin:0;padding:0}