.islandContent{display:flex;flex-direction:column;gap:20px;padding:10px;box-sizing:border-box}.calendar{display:grid;grid-template-rows:auto;grid-gap:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif}.calendar-days{display:flex;justify-content:space-between;padding:10px;background:#ffffff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.day{cursor:pointer;padding:10px 20px;border:2px solid transparent;border-radius:50px;background:#f1f3f5;color:#495057;font-weight:700;font-size:16px;text-align:center;transition:all .3s ease-in-out}.day-date.holiday,.day-name.holiday{color:red}.day:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,123,255,.2)}.day.active,.day:hover{background:#007bff;color:#ffffff}.day.active{border:2px solid #0056b3;box-shadow:0 6px 12px rgba(0,123,255,.3);transform:translateY(0)}.time-group{display:flex;flex-direction:column;gap:10px}.time-header{font-size:18px;font-weight:700;color:#333;margin:0}.island-list{display:flex;flex-wrap:wrap;gap:10px}.list-item{flex:0 0 calc(33.33% - 10px);display:flex;align-items:center;box-sizing:border-box;padding:10px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;transition:transform .2s,box-shadow .2s}.image{width:50px;height:50px;object-fit:cover;border-radius:8px;margin-right:10px}.name{font-size:14px;color:#495057;margin:0}.time-header{display:flex;gap:10px;flex-wrap:wrap}.time-box{display:inline-block;padding:8px 12px;background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;font-size:14px;font-weight:700;text-align:center;min-width:80px}