body {
  margin:0;
  font-family:'Pretendard', sans-serif;
  background:#f6fff6;
}

/* 헤더 */
.header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 25px;
  background:#c9f7c9;
}

.logo {
  font-weight:800;
  cursor:pointer;
}

/* 버튼 */
.btn {
  padding:8px 14px;
  border:none;
  border-radius:10px;
  background:white;
  cursor:pointer;
  transition:0.2s;
}

.btn:hover {
  transform:scale(1.05);
}

/* 전체 구조 */
.layout {
  display:flex;
}

/* 사이드바 */
.sidebar {
  width:220px;
  background:#eaffea;
  height:calc(100vh - 60px);
  padding:10px;
}

.menu {
  padding:12px;
  margin:5px 0;
  border-radius:10px;
  cursor:pointer;
  transition:0.2s;
}

.menu:hover {
  background:#c9f7c9;
  transform:translateX(5px);
}

/* 콘텐츠 */
.content {
  flex:1;
  padding:20px;
}

/* 카드 */
.card {
  background:white;
  padding:20px;
  border-radius:15px;
  margin-bottom:20px;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
}

/* 빠른 기능 */
.grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:15px;
}

.box {
  background:white;
  padding:25px;
  border-radius:15px;
  text-align:center;
  cursor:pointer;
  transition:0.2s;
}

.box:hover {
  background:#f0fff0;
  transform:scale(1.03);
}