body{margin:0;font-family:Arial,sans-serif}body.login-page{background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;width:100%}.login-form h1{margin:0;color:#333;text-align:center}.login-form p{text-align:center;color:#666}.input-group{margin:1rem 0;margin-right:20px}.input-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#555}.input-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.input-group input:focus{border-color:#6a11cb;outline:none}.login-btn{width:100%;padding:.75rem;background:#6a11cb;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.login-btn:hover{background:#2575fc}.error{color:red;text-align:center;margin-bottom:1rem}.register-link{text-align:center;margin-top:1rem;font-size:.9rem;color:#333}.register-link a{color:#6a11cb;text-decoration:none}.register-link a:hover{text-decoration:underline}.welcome-image{height:200px;margin-left:20px;width:200px}.cancel-btn{background-color:#e74c3c}.cancel-btn:hover{background-color:#c0392b}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Arial,sans-serif;height:100%;background-color:#f4f6f9;color:#2c3e50}.dashboard-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:250px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;box-shadow:2px 0 15px #0000001a;transition:background .3s ease}.sidebar h3{color:#ecf0f1;font-size:1.5em;margin-bottom:1.5rem;text-align:center}.sidebar ul{list-style:none;padding:0;width:100%}.sidebar ul li{margin:15px 0;font-size:1.1em;padding:10px;text-align:center;border-radius:5px;transition:background-color .3s ease,padding-left .3s ease;cursor:pointer}.sidebar ul li:hover{background-color:#34495e;padding-left:20px}.main-content{flex-grow:1;padding:30px;background-color:#fff;height:100vh;overflow-y:auto;border-radius:20px 0 0 20px;box-shadow:-5px 0 20px #0000001a}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.user-info{text-align:right}.user-name{font-size:1.5em;font-weight:700;color:#34495e;margin-bottom:5px}.user-role{font-size:1.1em;color:#7f8c8d}.product-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.product-card span{font-size:1.2em;font-weight:700;color:#16a085}.error-message{color:red;font-size:1.2em;margin-top:10px;text-align:center}button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:20px}button:hover{background-color:#2980b9;transform:scale(1.05)}button:focus{outline:none}.product-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003}.product-card h4{margin:0;font-size:1.4em;color:#2c3e50}.product-card p{margin:10px 0;font-size:1.1em;color:#7f8c8d}.product-card.reserved{background-color:#7f7f7fb3;color:#2c3e50}.product-card.reserved h4,.product-card.reserved p{color:#2c3e50}.reserve-btn{padding:5px 10px;background-color:#2c3e50;color:#fff;border:none;border-radius:5px;font-size:.9em;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:10px}.reserve-btn:hover{background-color:#34495e;transform:scale(1.05)}.reserve-btn:focus{outline:none}.reserv{color:#fff;margin-left:43px;font-size:17px;padding:10px 20px;text-decoration:none;background-color:transparent;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.reserv:hover{background-color:#0000001a;color:#007bff;text-decoration:underline;transform:scale(1.05)}.reserv:visited{color:#fff;text-decoration:none}.reserv:focus{outline:none}.can:visited{color:#fff;text-decoration:none}.log{margin-right:10px;color:#fff;text-decoration:none}.log:visited,.r,.r:visited{color:#fff;text-decoration:none}