*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f4f6f8;height:100vh;overflow:hidden}.login-container{height:100vh;width:100vw;background-image:url(/bg2.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.login-card{background:#fffffff2;width:350px;padding:30px;border-radius:10px;text-align:center;box-shadow:0 10px 25px #0000004d}.login-card h2{margin-bottom:20px}.login-card input,.login-card select,.login-card button{width:100%;padding:10px;margin:8px 0;font-size:14px;border-radius:5px;border:1px solid #ccc}.login-card button{background-color:#14b8a6;color:#fff;border:none;cursor:pointer}.login-card button:hover{background-color:#108d7e}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background-color:#699e8b;color:#fff;padding:20px;display:flex;flex-direction:column;gap:15px;flex-shrink:0;height:100vh;position:sticky;top:0}.sidebar button{background:none;border:none;color:#fff;text-align:left;padding:10px;cursor:pointer;border-radius:5px;font-size:16px}.sidebar button:hover{background-color:#fff3}.navbar{height:60px;background-color:#f4f4f4;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.dashboard-content{flex:1;padding:20px;overflow-y:auto;background:#f4f6f8}.doctor-cards-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px}.doctor-card-ui{flex:1 1 calc(25% - 20px);background:#fff;border-radius:12px;padding:10px;box-shadow:0 4px 12px #00000014;text-align:center;min-width:200px}.doctor-img{width:100%;height:130px;object-fit:cover;border-radius:10px;margin-bottom:10px}.doctor-card-ui h4{margin:5px 0;font-size:18px;color:#111}.spec{color:#666;font-size:14px;margin-bottom:10px}.doctor-card-ui button{margin-top:12px;width:100%;padding:9px;background:#14b8a6;color:#fff;border:none;border-radius:6px;cursor:pointer}.doctor-card-ui button:hover{background:#0f766e}.doctor-card-ui div{margin-top:10px;background:#f9f9f9;padding:10px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.doctor-card-ui input,.doctor-card-ui select{width:100%;padding:7px;margin-bottom:5px;border-radius:5px;border:1px solid #ccc}.doctor-card-ui select{cursor:pointer}.appointment-row{background:#fff;padding:10px;margin-bottom:10px;border-radius:6px;box-shadow:0 2px 6px #0000000d}table{width:100%;border-collapse:collapse;margin-top:10px}table th,table td{border:1px solid #ccc;padding:8px;text-align:left}